@webiny/app-workflows 6.3.0 → 6.4.0-beta.1

package/Components/WorkflowsEditor/Editor/Step/Step/RemoveStep.js

@@ -1,37 +1,31 @@
-import React from "react";
+import react from "react";
 import { Accordion, Dialog, Icon } from "@webiny/admin-ui";
-import { ReactComponent as TrashIcon } from "@webiny/icons/delete.svg";
+import { ReactComponent } from "@webiny/icons/delete.svg";
 import { useToggler } from "@webiny/app-admin";
-export const RemoveStep = props => {
-  const {
-    onRemove,
-    step
-  } = props;
-  const {
-    on,
-    toggle,
-    toggleOn
-  } = useToggler();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion.Item.Action, {
-    onClick: toggleOn,
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      size: "sm",
-      label: "Remove Step",
-      icon: /*#__PURE__*/React.createElement(TrashIcon, null)
-    })
-  }), /*#__PURE__*/React.createElement(Dialog, {
-    open: on,
-    onOpenChange: toggle,
-    title: `Remove workflow step "${step.title}"?`,
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, {
-      onClick: close
-    }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
-      text: "Ok, delete",
-      onClick: onRemove
-    })),
-    showCloseButton: false,
-    dismissible: true
-  }, "You will remove the step from the workflow. This action can be undone if you do not save the workflow."));
+const RemoveStep = (props)=>{
+    const { onRemove, step } = props;
+    const { on, toggle, toggleOn } = useToggler();
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Accordion.Item.Action, {
+        onClick: toggleOn,
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            size: "sm",
+            label: "Remove Step",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        })
+    }), /*#__PURE__*/ react.createElement(Dialog, {
+        open: on,
+        onOpenChange: toggle,
+        title: `Remove workflow step "${step.title}"?`,
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            onClick: close
+        }), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            text: "Ok, delete",
+            onClick: onRemove
+        })),
+        showCloseButton: false,
+        dismissible: true
+    }, "You will remove the step from the workflow. This action can be undone if you do not save the workflow."));
 };
+export { RemoveStep };
 
 //# sourceMappingURL=RemoveStep.js.map

package/Components/WorkflowsEditor/Editor/Step/Step/RemoveStep.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Accordion","Dialog","Icon","ReactComponent","TrashIcon","useToggler","RemoveStep","props","onRemove","step","on","toggle","toggleOn","createElement","Fragment","Item","Action","onClick","icon","size","label","open","onOpenChange","title","actions","CancelAction","close","ConfirmAction","text","showCloseButton","dismissible"],"sources":["RemoveStep.tsx"],"sourcesContent":["import React from \"react\";\nimport { Accordion, Dialog, Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as TrashIcon } from \"@webiny/icons/delete.svg\";\nimport { IWorkflowStep } from \"~/types.js\";\nimport { useToggler } from \"@webiny/app-admin\";\n\nexport interface IRemoveStepProps {\n    onRemove: () => void;\n    step: IWorkflowStep;\n}\n\nexport const RemoveStep = (props: IRemoveStepProps) => {\n    const { onRemove, step } = props;\n    const { on, toggle, toggleOn } = useToggler();\n\n    return (\n        <>\n            <Accordion.Item.Action\n                onClick={toggleOn}\n                icon={<Icon size={\"sm\"} label={\"Remove Step\"} icon={<TrashIcon />} />}\n            />\n            <Dialog\n                open={on}\n                onOpenChange={toggle}\n                title={`Remove workflow step \"${step.title}\"?`}\n                actions={\n                    <>\n                        <Dialog.CancelAction onClick={close} />\n                        <Dialog.ConfirmAction text={\"Ok, delete\"} onClick={onRemove} />\n                    </>\n                }\n                showCloseButton={false}\n                dismissible={true}\n            >\n                You will remove the step from the workflow. This action can be undone if you do not\n                save the workflow.\n            </Dialog>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAC1D,SAASC,cAAc,IAAIC,SAAS,QAAQ,0BAA0B;AAEtE,SAASC,UAAU,QAAQ,mBAAmB;AAO9C,OAAO,MAAMC,UAAU,GAAIC,KAAuB,IAAK;EACnD,MAAM;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAChC,MAAM;IAAEG,EAAE;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGP,UAAU,CAAC,CAAC;EAE7C,oBACIN,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACb,SAAS,CAACe,IAAI,CAACC,MAAM;IAClBC,OAAO,EAAEL,QAAS;IAClBM,IAAI,eAAEnB,KAAA,CAAAc,aAAA,CAACX,IAAI;MAACiB,IAAI,EAAE,IAAK;MAACC,KAAK,EAAE,aAAc;MAACF,IAAI,eAAEnB,KAAA,CAAAc,aAAA,CAACT,SAAS,MAAE;IAAE,CAAE;EAAE,CACzE,CAAC,eACFL,KAAA,CAAAc,aAAA,CAACZ,MAAM;IACHoB,IAAI,EAAEX,EAAG;IACTY,YAAY,EAAEX,MAAO;IACrBY,KAAK,EAAE,yBAAyBd,IAAI,CAACc,KAAK,IAAK;IAC/CC,OAAO,eACHzB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACZ,MAAM,CAACwB,YAAY;MAACR,OAAO,EAAES;IAAM,CAAE,CAAC,eACvC3B,KAAA,CAAAc,aAAA,CAACZ,MAAM,CAAC0B,aAAa;MAACC,IAAI,EAAE,YAAa;MAACX,OAAO,EAAET;IAAS,CAAE,CAChE,CACL;IACDqB,eAAe,EAAE,KAAM;IACvBC,WAAW,EAAE;EAAK,GACrB,wGAGO,CACV,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowsEditor/Editor/Step/Step/RemoveStep.js","sources":["../../../../../../src/Components/WorkflowsEditor/Editor/Step/Step/RemoveStep.tsx"],"sourcesContent":["import React from \"react\";\nimport { Accordion, Dialog, Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as TrashIcon } from \"@webiny/icons/delete.svg\";\nimport { IWorkflowStep } from \"~/types.js\";\nimport { useToggler } from \"@webiny/app-admin\";\n\nexport interface IRemoveStepProps {\n    onRemove: () => void;\n    step: IWorkflowStep;\n}\n\nexport const RemoveStep = (props: IRemoveStepProps) => {\n    const { onRemove, step } = props;\n    const { on, toggle, toggleOn } = useToggler();\n\n    return (\n        <>\n            <Accordion.Item.Action\n                onClick={toggleOn}\n                icon={<Icon size={\"sm\"} label={\"Remove Step\"} icon={<TrashIcon />} />}\n            />\n            <Dialog\n                open={on}\n                onOpenChange={toggle}\n                title={`Remove workflow step \"${step.title}\"?`}\n                actions={\n                    <>\n                        <Dialog.CancelAction onClick={close} />\n                        <Dialog.ConfirmAction text={\"Ok, delete\"} onClick={onRemove} />\n                    </>\n                }\n                showCloseButton={false}\n                dismissible={true}\n            >\n                You will remove the step from the workflow. This action can be undone if you do not\n                save the workflow.\n            </Dialog>\n        </>\n    );\n};\n"],"names":["RemoveStep","props","onRemove","step","on","toggle","toggleOn","useToggler","Accordion","Icon","TrashIcon","Dialog","close"],"mappings":";;;;AAWO,MAAMA,aAAa,CAACC;IACvB,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGF;IAC3B,MAAM,EAAEG,EAAE,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IAEjC,OAAO,WAAP,GACI,wDACI,oBAACC,UAAU,IAAI,CAAC,MAAM;QAClB,SAASF;QACT,oBAAM,oBAACG,MAAIA;YAAC,MAAM;YAAM,OAAO;YAAe,oBAAM,oBAACC,gBAASA;;sBAElE,oBAACC,QAAMA;QACH,MAAMP;QACN,cAAcC;QACd,OAAO,CAAC,sBAAsB,EAAEF,KAAK,KAAK,CAAC,EAAE,CAAC;QAC9C,uBACI,wDACI,oBAACQ,OAAO,YAAY;YAAC,SAASC;0BAC9B,oBAACD,OAAO,aAAa;YAAC,MAAM;YAAc,SAAST;;QAG3D,iBAAiB;QACjB,aAAa;OAChB;AAMb"}

package/Components/WorkflowsEditor/Editor/Step/Step.js

@@ -1,146 +1,131 @@
-import React, { useCallback, useState } from "react";
+import react, { useCallback, useState } from "react";
 import { Accordion, Card, Grid, Icon } from "@webiny/admin-ui";
-import { ReactComponent as ArrowUp } from "@webiny/icons/arrow_upward.svg";
-import { ReactComponent as ArrowDown } from "@webiny/icons/arrow_downward.svg";
+import { ReactComponent } from "@webiny/icons/arrow_upward.svg";
+import { ReactComponent as arrow_downward_svg_ReactComponent } from "@webiny/icons/arrow_downward.svg";
 import { observer } from "mobx-react-lite";
 import { Form } from "@webiny/form";
 import { StepFormTitle } from "./Form/StepFormTitle.js";
 import { StepFormColor } from "./Form/StepFormColor.js";
 import { StepFormDescription } from "./Form/StepFormDescription.js";
 import { StepFormTeams } from "./Form/StepFormTeams.js";
-// import { StepFormNotifications } from "./Form/StepFormNotifications.js";
 import { RemoveStep } from "./Step/RemoveStep.js";
-const useEditing = (defaultValue = false) => {
-  const [editing, setEditing] = useState(defaultValue);
-  const startEditing = useCallback(() => {
-    setEditing(true);
-  }, []);
-  const stopEditing = useCallback(() => {
-    setEditing(false);
-  }, []);
-  return {
-    editing,
-    startEditing,
-    stopEditing
-  };
+const useEditing = (defaultValue = false)=>{
+    const [editing, setEditing] = useState(defaultValue);
+    const startEditing = useCallback(()=>{
+        setEditing(true);
+    }, []);
+    const stopEditing = useCallback(()=>{
+        setEditing(false);
+    }, []);
+    return {
+        editing,
+        startEditing,
+        stopEditing
+    };
 };
-export const Step = observer(({
-  step,
-  title,
-  onCancel: initialOnCancel,
-  onSave: initialOnSave,
-  onRemove: initialOnRemove,
-  onMoveUp,
-  canMoveUp,
-  onMoveDown,
-  canMoveDown,
-  open
-  // notifications
-}) => {
-  const {
-    editing,
-    stopEditing,
-    startEditing
-  } = useEditing(open);
-  const onCancel = useCallback(() => {
-    stopEditing();
-    if (!initialOnCancel) {
-      return;
-    }
-    initialOnCancel();
-  }, [initialOnCancel]);
-  const onRemove = useCallback(() => {
-    if (!initialOnRemove) {
-      return;
-    }
-    initialOnRemove(step);
-  }, [step]);
-  const moveUp = useCallback(() => {
-    if (!canMoveUp || !onMoveUp || !canMoveUp(step)) {
-      return;
-    }
-    onMoveUp(step);
-  }, [onMoveUp, step]);
-  const moveDown = useCallback(() => {
-    if (!canMoveDown || !onMoveDown || !canMoveDown(step)) {
-      return;
-    }
-    onMoveDown(step);
-  }, [onMoveDown, step]);
-  const onOpenChange = useCallback(() => {
-    if (editing) {
-      stopEditing();
-      return;
-    }
-    startEditing();
-  }, [step, editing]);
-  const onSubmit = useCallback(input => {
-    initialOnSave(input);
-    stopEditing();
-  }, [initialOnSave, step]);
-  return /*#__PURE__*/React.createElement(Form, {
-    data: step,
-    onSubmit: onSubmit
-  }, ({
-    submit: onFormSubmit
-  }) => {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "flex items-center justify-space-between gap-sm-plus"
-    }, editing ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, {
-      className: "w-full",
-      padding: "md",
-      title: step.title || title,
-      actionsPosition: "header",
-      variant: "accent",
-      actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card.CancelAction, {
-        onClick: onCancel,
-        text: "Cancel"
-      }), /*#__PURE__*/React.createElement(Card.ConfirmAction, {
-        onClick: onFormSubmit,
-        text: "Save"
-      }))
-    }, /*#__PURE__*/React.createElement(Grid, {
-      gap: "comfortable"
-    }, /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 10
-    }, /*#__PURE__*/React.createElement(StepFormTitle, null)), /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 2
-    }, /*#__PURE__*/React.createElement(StepFormColor, null)), /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(StepFormDescription, null)), /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(StepFormTeams, null))))) : /*#__PURE__*/React.createElement(Accordion, {
-      variant: "container",
-      background: "base",
-      border: "accent"
-    }, /*#__PURE__*/React.createElement(Accordion.Item, {
-      key: `step-${step.id}`,
-      title: step.title || title,
-      description: step.description,
-      colorMark: step.color,
-      onOpenChange: onOpenChange,
-      actions: /*#__PURE__*/React.createElement(React.Fragment, null, canMoveUp && /*#__PURE__*/React.createElement(Accordion.Item.Action, {
-        onClick: moveUp,
-        disabled: !canMoveUp(step),
-        icon: /*#__PURE__*/React.createElement(Icon, {
-          label: "Move step up",
-          size: "md",
-          icon: /*#__PURE__*/React.createElement(ArrowUp, null)
-        })
-      }), canMoveDown && /*#__PURE__*/React.createElement(Accordion.Item.Action, {
-        onClick: moveDown,
-        disabled: !canMoveDown(step),
-        icon: /*#__PURE__*/React.createElement(Icon, {
-          label: "Move step down",
-          size: "md",
-          icon: /*#__PURE__*/React.createElement(ArrowDown, null)
-        })
-      }), /*#__PURE__*/React.createElement(Accordion.Item.Action.Separator, null), /*#__PURE__*/React.createElement(RemoveStep, {
-        step: step,
-        onRemove: onRemove
-      }))
-    }, null)));
-  });
+const Step = observer(({ step, title, onCancel: initialOnCancel, onSave: initialOnSave, onRemove: initialOnRemove, onMoveUp, canMoveUp, onMoveDown, canMoveDown, open })=>{
+    const { editing, stopEditing, startEditing } = useEditing(open);
+    const onCancel = useCallback(()=>{
+        stopEditing();
+        if (!initialOnCancel) return;
+        initialOnCancel();
+    }, [
+        initialOnCancel
+    ]);
+    const onRemove = useCallback(()=>{
+        if (!initialOnRemove) return;
+        initialOnRemove(step);
+    }, [
+        step
+    ]);
+    const moveUp = useCallback(()=>{
+        if (!canMoveUp || !onMoveUp || !canMoveUp(step)) return;
+        onMoveUp(step);
+    }, [
+        onMoveUp,
+        step
+    ]);
+    const moveDown = useCallback(()=>{
+        if (!canMoveDown || !onMoveDown || !canMoveDown(step)) return;
+        onMoveDown(step);
+    }, [
+        onMoveDown,
+        step
+    ]);
+    const onOpenChange = useCallback(()=>{
+        if (editing) return void stopEditing();
+        startEditing();
+    }, [
+        step,
+        editing
+    ]);
+    const onSubmit = useCallback((input)=>{
+        initialOnSave(input);
+        stopEditing();
+    }, [
+        initialOnSave,
+        step
+    ]);
+    return /*#__PURE__*/ react.createElement(Form, {
+        data: step,
+        onSubmit: onSubmit
+    }, ({ submit: onFormSubmit })=>/*#__PURE__*/ react.createElement("div", {
+            className: "flex items-center justify-space-between gap-sm-plus"
+        }, editing ? /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Card, {
+            className: "w-full",
+            padding: "md",
+            title: step.title || title,
+            actionsPosition: "header",
+            variant: "accent",
+            actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Card.CancelAction, {
+                onClick: onCancel,
+                text: "Cancel"
+            }), /*#__PURE__*/ react.createElement(Card.ConfirmAction, {
+                onClick: onFormSubmit,
+                text: "Save"
+            }))
+        }, /*#__PURE__*/ react.createElement(Grid, {
+            gap: "comfortable"
+        }, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 10
+        }, /*#__PURE__*/ react.createElement(StepFormTitle, null)), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 2
+        }, /*#__PURE__*/ react.createElement(StepFormColor, null)), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(StepFormDescription, null)), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(StepFormTeams, null))))) : /*#__PURE__*/ react.createElement(Accordion, {
+            variant: "container",
+            background: "base",
+            border: "accent"
+        }, /*#__PURE__*/ react.createElement(Accordion.Item, {
+            key: `step-${step.id}`,
+            title: step.title || title,
+            description: step.description,
+            colorMark: step.color,
+            onOpenChange: onOpenChange,
+            actions: /*#__PURE__*/ react.createElement(react.Fragment, null, canMoveUp && /*#__PURE__*/ react.createElement(Accordion.Item.Action, {
+                onClick: moveUp,
+                disabled: !canMoveUp(step),
+                icon: /*#__PURE__*/ react.createElement(Icon, {
+                    label: "Move step up",
+                    size: "md",
+                    icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+                })
+            }), canMoveDown && /*#__PURE__*/ react.createElement(Accordion.Item.Action, {
+                onClick: moveDown,
+                disabled: !canMoveDown(step),
+                icon: /*#__PURE__*/ react.createElement(Icon, {
+                    label: "Move step down",
+                    size: "md",
+                    icon: /*#__PURE__*/ react.createElement(arrow_downward_svg_ReactComponent, null)
+                })
+            }), /*#__PURE__*/ react.createElement(Accordion.Item.Action.Separator, null), /*#__PURE__*/ react.createElement(RemoveStep, {
+                step: step,
+                onRemove: onRemove
+            }))
+        }, null))));
 });
+export { Step };
 
 //# sourceMappingURL=Step.js.map

package/Components/WorkflowsEditor/Editor/Step/Step.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","Accordion","Card","Grid","Icon","ReactComponent","ArrowUp","ArrowDown","observer","Form","StepFormTitle","StepFormColor","StepFormDescription","StepFormTeams","RemoveStep","useEditing","defaultValue","editing","setEditing","startEditing","stopEditing","Step","step","title","onCancel","initialOnCancel","onSave","initialOnSave","onRemove","initialOnRemove","onMoveUp","canMoveUp","onMoveDown","canMoveDown","open","moveUp","moveDown","onOpenChange","onSubmit","input","createElement","data","submit","onFormSubmit","className","Fragment","padding","actionsPosition","variant","actions","CancelAction","onClick","text","ConfirmAction","gap","Column","span","background","border","Item","key","id","description","colorMark","color","Action","disabled","icon","label","size","Separator"],"sources":["Step.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Accordion, Card, Grid, Icon } from \"@webiny/admin-ui\";\nimport type { IWorkflowNotificationType, IWorkflowStep } from \"~/types.js\";\nimport { ReactComponent as ArrowUp } from \"@webiny/icons/arrow_upward.svg\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/arrow_downward.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { Form } from \"@webiny/form\";\nimport { StepFormTitle } from \"./Form/StepFormTitle.js\";\nimport { StepFormColor } from \"./Form/StepFormColor.js\";\nimport { StepFormDescription } from \"./Form/StepFormDescription.js\";\nimport { StepFormTeams } from \"./Form/StepFormTeams.js\";\n// import { StepFormNotifications } from \"./Form/StepFormNotifications.js\";\nimport { RemoveStep } from \"./Step/RemoveStep.js\";\n\nexport interface IStepProps {\n    step: IWorkflowStep;\n    title?: string;\n    onCancel?: () => void;\n    onSave: (input: IWorkflowStep) => void;\n    onRemove?: (step: Pick<IWorkflowStep, \"id\">) => void;\n    onMoveUp?: (step: Pick<IWorkflowStep, \"id\">) => void;\n    canMoveUp?: (step: Pick<IWorkflowStep, \"id\">) => boolean;\n    onMoveDown?: (step: Pick<IWorkflowStep, \"id\">) => void;\n    canMoveDown?: (step: Pick<IWorkflowStep, \"id\">) => boolean;\n    open?: boolean;\n    notifications: IWorkflowNotificationType[];\n}\n\nconst useEditing = (defaultValue = false) => {\n    const [editing, setEditing] = useState(defaultValue);\n\n    const startEditing = useCallback(() => {\n        setEditing(true);\n    }, []);\n    const stopEditing = useCallback(() => {\n        setEditing(false);\n    }, []);\n    return {\n        editing,\n        startEditing,\n        stopEditing\n    };\n};\n\nexport const Step = observer(\n    ({\n        step,\n        title,\n        onCancel: initialOnCancel,\n        onSave: initialOnSave,\n        onRemove: initialOnRemove,\n        onMoveUp,\n        canMoveUp,\n        onMoveDown,\n        canMoveDown,\n        open\n        // notifications\n    }: IStepProps) => {\n        const { editing, stopEditing, startEditing } = useEditing(open);\n\n        const onCancel = useCallback(() => {\n            stopEditing();\n            if (!initialOnCancel) {\n                return;\n            }\n            initialOnCancel();\n        }, [initialOnCancel]);\n\n        const onRemove = useCallback(() => {\n            if (!initialOnRemove) {\n                return;\n            }\n            initialOnRemove(step);\n        }, [step]);\n\n        const moveUp = useCallback(() => {\n            if (!canMoveUp || !onMoveUp || !canMoveUp(step)) {\n                return;\n            }\n            onMoveUp(step);\n        }, [onMoveUp, step]);\n\n        const moveDown = useCallback(() => {\n            if (!canMoveDown || !onMoveDown || !canMoveDown(step)) {\n                return;\n            }\n            onMoveDown(step);\n        }, [onMoveDown, step]);\n\n        const onOpenChange = useCallback(() => {\n            if (editing) {\n                stopEditing();\n                return;\n            }\n            startEditing();\n        }, [step, editing]);\n\n        const onSubmit = useCallback(\n            (input: IWorkflowStep) => {\n                initialOnSave(input);\n                stopEditing();\n            },\n            [initialOnSave, step]\n        );\n\n        return (\n            <Form<IWorkflowStep> data={step} onSubmit={onSubmit}>\n                {({ submit: onFormSubmit }) => {\n                    return (\n                        <div className={\"flex items-center justify-space-between gap-sm-plus\"}>\n                            {editing ? (\n                                <>\n                                    <Card\n                                        className={\"w-full\"}\n                                        padding=\"md\"\n                                        title={step.title || title}\n                                        actionsPosition={\"header\"}\n                                        variant=\"accent\"\n                                        actions={\n                                            <>\n                                                <Card.CancelAction\n                                                    onClick={onCancel}\n                                                    text={\"Cancel\"}\n                                                />\n                                                <Card.ConfirmAction\n                                                    onClick={onFormSubmit}\n                                                    text={\"Save\"}\n                                                />\n                                            </>\n                                        }\n                                    >\n                                        <Grid gap={\"comfortable\"}>\n                                            <Grid.Column span={10}>\n                                                <StepFormTitle />\n                                            </Grid.Column>\n                                            <Grid.Column span={2}>\n                                                <StepFormColor />\n                                            </Grid.Column>\n                                            <Grid.Column span={12}>\n                                                <StepFormDescription />\n                                            </Grid.Column>\n                                            <Grid.Column span={12}>\n                                                <StepFormTeams />\n                                            </Grid.Column>\n                                            {/*<Grid.Column span={12}>*/}\n                                            {/*    <StepFormNotifications items={notifications} />*/}\n                                            {/*</Grid.Column>*/}\n                                        </Grid>\n                                    </Card>\n                                </>\n                            ) : (\n                                <Accordion\n                                    variant={\"container\"}\n                                    background={\"base\"}\n                                    border={\"accent\"}\n                                >\n                                    <Accordion.Item\n                                        key={`step-${step.id}`}\n                                        title={step.title || title}\n                                        description={step.description}\n                                        colorMark={step.color}\n                                        onOpenChange={onOpenChange}\n                                        actions={\n                                            <>\n                                                {canMoveUp && (\n                                                    <Accordion.Item.Action\n                                                        onClick={moveUp}\n                                                        disabled={!canMoveUp(step)}\n                                                        icon={\n                                                            <Icon\n                                                                label={\"Move step up\"}\n                                                                size={\"md\"}\n                                                                icon={<ArrowUp />}\n                                                            />\n                                                        }\n                                                    />\n                                                )}\n                                                {canMoveDown && (\n                                                    <Accordion.Item.Action\n                                                        onClick={moveDown}\n                                                        disabled={!canMoveDown(step)}\n                                                        icon={\n                                                            <Icon\n                                                                label={\"Move step down\"}\n                                                                size={\"md\"}\n                                                                icon={<ArrowDown />}\n                                                            />\n                                                        }\n                                                    />\n                                                )}\n                                                <Accordion.Item.Action.Separator />\n                                                <RemoveStep step={step} onRemove={onRemove} />\n                                            </>\n                                        }\n                                    >\n                                        {null}\n                                    </Accordion.Item>\n                                </Accordion>\n                            )}\n                        </div>\n                    );\n                }}\n            </Form>\n        );\n    }\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowsEditor/Editor/Step/Step.js","sources":["../../../../../src/Components/WorkflowsEditor/Editor/Step/Step.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Accordion, Card, Grid, Icon } from \"@webiny/admin-ui\";\nimport type { IWorkflowNotificationType, IWorkflowStep } from \"~/types.js\";\nimport { ReactComponent as ArrowUp } from \"@webiny/icons/arrow_upward.svg\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/arrow_downward.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { Form } from \"@webiny/form\";\nimport { StepFormTitle } from \"./Form/StepFormTitle.js\";\nimport { StepFormColor } from \"./Form/StepFormColor.js\";\nimport { StepFormDescription } from \"./Form/StepFormDescription.js\";\nimport { StepFormTeams } from \"./Form/StepFormTeams.js\";\n// import { StepFormNotifications } from \"./Form/StepFormNotifications.js\";\nimport { RemoveStep } from \"./Step/RemoveStep.js\";\n\nexport interface IStepProps {\n    step: IWorkflowStep;\n    title?: string;\n    onCancel?: () => void;\n    onSave: (input: IWorkflowStep) => void;\n    onRemove?: (step: Pick<IWorkflowStep, \"id\">) => void;\n    onMoveUp?: (step: Pick<IWorkflowStep, \"id\">) => void;\n    canMoveUp?: (step: Pick<IWorkflowStep, \"id\">) => boolean;\n    onMoveDown?: (step: Pick<IWorkflowStep, \"id\">) => void;\n    canMoveDown?: (step: Pick<IWorkflowStep, \"id\">) => boolean;\n    open?: boolean;\n    notifications: IWorkflowNotificationType[];\n}\n\nconst useEditing = (defaultValue = false) => {\n    const [editing, setEditing] = useState(defaultValue);\n\n    const startEditing = useCallback(() => {\n        setEditing(true);\n    }, []);\n    const stopEditing = useCallback(() => {\n        setEditing(false);\n    }, []);\n    return {\n        editing,\n        startEditing,\n        stopEditing\n    };\n};\n\nexport const Step = observer(\n    ({\n        step,\n        title,\n        onCancel: initialOnCancel,\n        onSave: initialOnSave,\n        onRemove: initialOnRemove,\n        onMoveUp,\n        canMoveUp,\n        onMoveDown,\n        canMoveDown,\n        open\n        // notifications\n    }: IStepProps) => {\n        const { editing, stopEditing, startEditing } = useEditing(open);\n\n        const onCancel = useCallback(() => {\n            stopEditing();\n            if (!initialOnCancel) {\n                return;\n            }\n            initialOnCancel();\n        }, [initialOnCancel]);\n\n        const onRemove = useCallback(() => {\n            if (!initialOnRemove) {\n                return;\n            }\n            initialOnRemove(step);\n        }, [step]);\n\n        const moveUp = useCallback(() => {\n            if (!canMoveUp || !onMoveUp || !canMoveUp(step)) {\n                return;\n            }\n            onMoveUp(step);\n        }, [onMoveUp, step]);\n\n        const moveDown = useCallback(() => {\n            if (!canMoveDown || !onMoveDown || !canMoveDown(step)) {\n                return;\n            }\n            onMoveDown(step);\n        }, [onMoveDown, step]);\n\n        const onOpenChange = useCallback(() => {\n            if (editing) {\n                stopEditing();\n                return;\n            }\n            startEditing();\n        }, [step, editing]);\n\n        const onSubmit = useCallback(\n            (input: IWorkflowStep) => {\n                initialOnSave(input);\n                stopEditing();\n            },\n            [initialOnSave, step]\n        );\n\n        return (\n            <Form<IWorkflowStep> data={step} onSubmit={onSubmit}>\n                {({ submit: onFormSubmit }) => {\n                    return (\n                        <div className={\"flex items-center justify-space-between gap-sm-plus\"}>\n                            {editing ? (\n                                <>\n                                    <Card\n                                        className={\"w-full\"}\n                                        padding=\"md\"\n                                        title={step.title || title}\n                                        actionsPosition={\"header\"}\n                                        variant=\"accent\"\n                                        actions={\n                                            <>\n                                                <Card.CancelAction\n                                                    onClick={onCancel}\n                                                    text={\"Cancel\"}\n                                                />\n                                                <Card.ConfirmAction\n                                                    onClick={onFormSubmit}\n                                                    text={\"Save\"}\n                                                />\n                                            </>\n                                        }\n                                    >\n                                        <Grid gap={\"comfortable\"}>\n                                            <Grid.Column span={10}>\n                                                <StepFormTitle />\n                                            </Grid.Column>\n                                            <Grid.Column span={2}>\n                                                <StepFormColor />\n                                            </Grid.Column>\n                                            <Grid.Column span={12}>\n                                                <StepFormDescription />\n                                            </Grid.Column>\n                                            <Grid.Column span={12}>\n                                                <StepFormTeams />\n                                            </Grid.Column>\n                                            {/*<Grid.Column span={12}>*/}\n                                            {/*    <StepFormNotifications items={notifications} />*/}\n                                            {/*</Grid.Column>*/}\n                                        </Grid>\n                                    </Card>\n                                </>\n                            ) : (\n                                <Accordion\n                                    variant={\"container\"}\n                                    background={\"base\"}\n                                    border={\"accent\"}\n                                >\n                                    <Accordion.Item\n                                        key={`step-${step.id}`}\n                                        title={step.title || title}\n                                        description={step.description}\n                                        colorMark={step.color}\n                                        onOpenChange={onOpenChange}\n                                        actions={\n                                            <>\n                                                {canMoveUp && (\n                                                    <Accordion.Item.Action\n                                                        onClick={moveUp}\n                                                        disabled={!canMoveUp(step)}\n                                                        icon={\n                                                            <Icon\n                                                                label={\"Move step up\"}\n                                                                size={\"md\"}\n                                                                icon={<ArrowUp />}\n                                                            />\n                                                        }\n                                                    />\n                                                )}\n                                                {canMoveDown && (\n                                                    <Accordion.Item.Action\n                                                        onClick={moveDown}\n                                                        disabled={!canMoveDown(step)}\n                                                        icon={\n                                                            <Icon\n                                                                label={\"Move step down\"}\n                                                                size={\"md\"}\n                                                                icon={<ArrowDown />}\n                                                            />\n                                                        }\n                                                    />\n                                                )}\n                                                <Accordion.Item.Action.Separator />\n                                                <RemoveStep step={step} onRemove={onRemove} />\n                                            </>\n                                        }\n                                    >\n                                        {null}\n                                    </Accordion.Item>\n                                </Accordion>\n                            )}\n                        </div>\n                    );\n                }}\n            </Form>\n        );\n    }\n);\n"],"names":["useEditing","defaultValue","editing","setEditing","useState","startEditing","useCallback","stopEditing","Step","observer","step","title","initialOnCancel","initialOnSave","initialOnRemove","onMoveUp","canMoveUp","onMoveDown","canMoveDown","open","onCancel","onRemove","moveUp","moveDown","onOpenChange","onSubmit","input","Form","onFormSubmit","Card","Grid","StepFormTitle","StepFormColor","StepFormDescription","StepFormTeams","Accordion","Icon","ArrowUp","ArrowDown","RemoveStep"],"mappings":"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"}

package/Components/WorkflowsEditor/Editor/WorkflowEditor.js

@@ -1,49 +1,48 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import { WorkflowNotificationTypesRepository, WorkflowsRepository } from "../../../Repositories/index.js";
 import { WorkflowsPresenter } from "../../../Presenters/index.js";
 import { WorkflowNotificationTypesGateway, WorkflowsGateway } from "../../../Gateways/index.js";
 import { mdbid } from "@webiny/utils/mdbid.js";
 import { useApolloClient } from "@apollo/react-hooks";
 import { WorkflowEditorView } from "./WorkflowEditorView.js";
-const createDefaultWorkflow = options => {
-  return {
-    id: mdbid(),
-    name: "Default Workflow",
-    steps: [],
-    ...options
-  };
-};
-export const WorkflowEditor = props => {
-  const {
-    app
-  } = props;
-  const client = useApolloClient();
-  const presenter = useMemo(() => {
-    const defaultWorkflow = createDefaultWorkflow({
-      app: app.id
-    });
-    const workflowsGateway = new WorkflowsGateway({
-      client
-    });
-    const workflowsRepository = new WorkflowsRepository({
-      gateway: workflowsGateway
-    });
-    const notificationTypesGateway = new WorkflowNotificationTypesGateway({
-      client
-    });
-    const notificationsRepository = new WorkflowNotificationTypesRepository({
-      gateway: notificationTypesGateway
+const createDefaultWorkflow = (options)=>({
+        id: mdbid(),
+        name: "Default Workflow",
+        steps: [],
+        ...options
     });
-    return new WorkflowsPresenter({
-      app,
-      workflowsRepository,
-      notificationTypesRepository: notificationsRepository,
-      defaultWorkflow
+const WorkflowEditor = (props)=>{
+    const { app } = props;
+    const client = useApolloClient();
+    const presenter = useMemo(()=>{
+        const defaultWorkflow = createDefaultWorkflow({
+            app: app.id
+        });
+        const workflowsGateway = new WorkflowsGateway({
+            client
+        });
+        const workflowsRepository = new WorkflowsRepository({
+            gateway: workflowsGateway
+        });
+        const notificationTypesGateway = new WorkflowNotificationTypesGateway({
+            client
+        });
+        const notificationsRepository = new WorkflowNotificationTypesRepository({
+            gateway: notificationTypesGateway
+        });
+        return new WorkflowsPresenter({
+            app,
+            workflowsRepository,
+            notificationTypesRepository: notificationsRepository,
+            defaultWorkflow
+        });
+    }, [
+        app
+    ]);
+    return /*#__PURE__*/ react.createElement(WorkflowEditorView, {
+        presenter: presenter
     });
-  }, [app]);
-  return /*#__PURE__*/React.createElement(WorkflowEditorView, {
-    presenter: presenter
-  });
 };
+export { WorkflowEditor };
 
 //# sourceMappingURL=WorkflowEditor.js.map

package/Components/WorkflowsEditor/Editor/WorkflowEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","WorkflowNotificationTypesRepository","WorkflowsRepository","WorkflowsPresenter","WorkflowNotificationTypesGateway","WorkflowsGateway","mdbid","useApolloClient","WorkflowEditorView","createDefaultWorkflow","options","id","name","steps","WorkflowEditor","props","app","client","presenter","defaultWorkflow","workflowsGateway","workflowsRepository","gateway","notificationTypesGateway","notificationsRepository","notificationTypesRepository","createElement"],"sources":["WorkflowEditor.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { IWorkflow, IWorkflowApplication, IWorkflowStep } from \"~/types.js\";\nimport { WorkflowNotificationTypesRepository, WorkflowsRepository } from \"~/Repositories/index.js\";\nimport { WorkflowsPresenter } from \"~/Presenters/index.js\";\nimport { WorkflowNotificationTypesGateway, WorkflowsGateway } from \"~/Gateways/index.js\";\nimport type { NonEmptyArray } from \"@webiny/app/types.js\";\nimport { mdbid } from \"@webiny/utils/mdbid.js\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { WorkflowEditorView } from \"./WorkflowEditorView.js\";\n\nexport interface IWorkflowPresenterProps {\n    app: IWorkflowApplication;\n}\n\nconst createDefaultWorkflow = (options: Pick<IWorkflow, \"app\"> & Partial<IWorkflow>): IWorkflow => {\n    return {\n        id: mdbid(),\n        name: \"Default Workflow\",\n        steps: [] as unknown as NonEmptyArray<IWorkflowStep>,\n        ...options\n    };\n};\n\nexport const WorkflowEditor = (props: IWorkflowPresenterProps) => {\n    const { app } = props;\n    const client = useApolloClient();\n\n    const presenter = useMemo(() => {\n        const defaultWorkflow = createDefaultWorkflow({\n            app: app.id\n        });\n        const workflowsGateway = new WorkflowsGateway({\n            client\n        });\n        const workflowsRepository = new WorkflowsRepository({\n            gateway: workflowsGateway\n        });\n\n        const notificationTypesGateway = new WorkflowNotificationTypesGateway({\n            client\n        });\n        const notificationsRepository = new WorkflowNotificationTypesRepository({\n            gateway: notificationTypesGateway\n        });\n\n        return new WorkflowsPresenter({\n            app,\n            workflowsRepository,\n            notificationTypesRepository: notificationsRepository,\n            defaultWorkflow\n        });\n    }, [app]);\n\n    return <WorkflowEditorView presenter={presenter} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,mCAAmC,EAAEC,mBAAmB;AACjE,SAASC,kBAAkB;AAC3B,SAASC,gCAAgC,EAAEC,gBAAgB;AAE3D,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,kBAAkB;AAM3B,MAAMC,qBAAqB,GAAIC,OAAoD,IAAgB;EAC/F,OAAO;IACHC,EAAE,EAAEL,KAAK,CAAC,CAAC;IACXM,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,EAA6C;IACpD,GAAGH;EACP,CAAC;AACL,CAAC;AAED,OAAO,MAAMI,cAAc,GAAIC,KAA8B,IAAK;EAC9D,MAAM;IAAEC;EAAI,CAAC,GAAGD,KAAK;EACrB,MAAME,MAAM,GAAGV,eAAe,CAAC,CAAC;EAEhC,MAAMW,SAAS,GAAGlB,OAAO,CAAC,MAAM;IAC5B,MAAMmB,eAAe,GAAGV,qBAAqB,CAAC;MAC1CO,GAAG,EAAEA,GAAG,CAACL;IACb,CAAC,CAAC;IACF,MAAMS,gBAAgB,GAAG,IAAIf,gBAAgB,CAAC;MAC1CY;IACJ,CAAC,CAAC;IACF,MAAMI,mBAAmB,GAAG,IAAInB,mBAAmB,CAAC;MAChDoB,OAAO,EAAEF;IACb,CAAC,CAAC;IAEF,MAAMG,wBAAwB,GAAG,IAAInB,gCAAgC,CAAC;MAClEa;IACJ,CAAC,CAAC;IACF,MAAMO,uBAAuB,GAAG,IAAIvB,mCAAmC,CAAC;MACpEqB,OAAO,EAAEC;IACb,CAAC,CAAC;IAEF,OAAO,IAAIpB,kBAAkB,CAAC;MAC1Ba,GAAG;MACHK,mBAAmB;MACnBI,2BAA2B,EAAED,uBAAuB;MACpDL;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACH,GAAG,CAAC,CAAC;EAET,oBAAOjB,KAAA,CAAA2B,aAAA,CAAClB,kBAAkB;IAACU,SAAS,EAAEA;EAAU,CAAE,CAAC;AACvD,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowsEditor/Editor/WorkflowEditor.js","sources":["../../../../src/Components/WorkflowsEditor/Editor/WorkflowEditor.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { IWorkflow, IWorkflowApplication, IWorkflowStep } from \"~/types.js\";\nimport { WorkflowNotificationTypesRepository, WorkflowsRepository } from \"~/Repositories/index.js\";\nimport { WorkflowsPresenter } from \"~/Presenters/index.js\";\nimport { WorkflowNotificationTypesGateway, WorkflowsGateway } from \"~/Gateways/index.js\";\nimport type { NonEmptyArray } from \"@webiny/app/types.js\";\nimport { mdbid } from \"@webiny/utils/mdbid.js\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { WorkflowEditorView } from \"./WorkflowEditorView.js\";\n\nexport interface IWorkflowPresenterProps {\n    app: IWorkflowApplication;\n}\n\nconst createDefaultWorkflow = (options: Pick<IWorkflow, \"app\"> & Partial<IWorkflow>): IWorkflow => {\n    return {\n        id: mdbid(),\n        name: \"Default Workflow\",\n        steps: [] as unknown as NonEmptyArray<IWorkflowStep>,\n        ...options\n    };\n};\n\nexport const WorkflowEditor = (props: IWorkflowPresenterProps) => {\n    const { app } = props;\n    const client = useApolloClient();\n\n    const presenter = useMemo(() => {\n        const defaultWorkflow = createDefaultWorkflow({\n            app: app.id\n        });\n        const workflowsGateway = new WorkflowsGateway({\n            client\n        });\n        const workflowsRepository = new WorkflowsRepository({\n            gateway: workflowsGateway\n        });\n\n        const notificationTypesGateway = new WorkflowNotificationTypesGateway({\n            client\n        });\n        const notificationsRepository = new WorkflowNotificationTypesRepository({\n            gateway: notificationTypesGateway\n        });\n\n        return new WorkflowsPresenter({\n            app,\n            workflowsRepository,\n            notificationTypesRepository: notificationsRepository,\n            defaultWorkflow\n        });\n    }, [app]);\n\n    return <WorkflowEditorView presenter={presenter} />;\n};\n"],"names":["createDefaultWorkflow","options","mdbid","WorkflowEditor","props","app","client","useApolloClient","presenter","useMemo","defaultWorkflow","workflowsGateway","WorkflowsGateway","workflowsRepository","WorkflowsRepository","notificationTypesGateway","WorkflowNotificationTypesGateway","notificationsRepository","WorkflowNotificationTypesRepository","WorkflowsPresenter","WorkflowEditorView"],"mappings":";;;;;;;AAcA,MAAMA,wBAAwB,CAACC,UACpB;QACH,IAAIC;QACJ,MAAM;QACN,OAAO,EAAE;QACT,GAAGD,OAAO;IACd;AAGG,MAAME,iBAAiB,CAACC;IAC3B,MAAM,EAAEC,GAAG,EAAE,GAAGD;IAChB,MAAME,SAASC;IAEf,MAAMC,YAAYC,QAAQ;QACtB,MAAMC,kBAAkBV,sBAAsB;YAC1C,KAAKK,IAAI,EAAE;QACf;QACA,MAAMM,mBAAmB,IAAIC,iBAAiB;YAC1CN;QACJ;QACA,MAAMO,sBAAsB,IAAIC,oBAAoB;YAChD,SAASH;QACb;QAEA,MAAMI,2BAA2B,IAAIC,iCAAiC;YAClEV;QACJ;QACA,MAAMW,0BAA0B,IAAIC,oCAAoC;YACpE,SAASH;QACb;QAEA,OAAO,IAAII,mBAAmB;YAC1Bd;YACAQ;YACA,6BAA6BI;YAC7BP;QACJ;IACJ,GAAG;QAACL;KAAI;IAER,OAAO,WAAP,GAAO,oBAACe,oBAAkBA;QAAC,WAAWZ;;AAC1C"}

package/Components/WorkflowsEditor/Editor/WorkflowEditorSteps.js

@@ -1,50 +1,45 @@
-import React from "react";
+import react from "react";
 import { NewStep } from "./Step/NewStep.js";
 import { InactiveStep } from "./Step/InactiveStep.js";
 import { Step } from "./Step/Step.js";
 import { observer } from "mobx-react-lite";
 const draftStep = {
-  id: "draft",
-  color: "#BEC3CC",
-  title: "Draft",
-  description: "(This is the initial state of your content)"
+    id: "draft",
+    color: "#BEC3CC",
+    title: "Draft",
+    description: "(This is the initial state of your content)"
 };
 const publishedStep = {
-  id: "published",
-  color: "#5AC74C",
-  title: "Published",
-  description: "(The final state for all published content)"
+    id: "published",
+    color: "#5AC74C",
+    title: "Published",
+    description: "(The final state for all published content)"
 };
-export const WorkflowEditorSteps = observer(props => {
-  const {
-    presenter
-  } = props;
-  const workflow = presenter.vm.workflow;
-  if (!workflow) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-y-md flex-col"
-  }, /*#__PURE__*/React.createElement(InactiveStep, {
-    step: draftStep
-  }), workflow.steps.map(step => {
-    return /*#__PURE__*/React.createElement(Step, {
-      key: `step-${step.id}`,
-      step: step,
-      notifications: presenter.vm.notifications,
-      onSave: presenter.updateStep,
-      onRemove: presenter.removeStep,
-      onMoveUp: presenter.moveStepUp,
-      canMoveDown: presenter.canMoveStepDown,
-      onMoveDown: presenter.moveStepDown,
-      canMoveUp: presenter.canMoveStepUp
-    });
-  }), /*#__PURE__*/React.createElement(NewStep, {
-    onAdd: presenter.addStep,
-    notifications: presenter.vm.notifications
-  }), /*#__PURE__*/React.createElement(InactiveStep, {
-    step: publishedStep
-  }));
+const WorkflowEditorSteps = observer((props)=>{
+    const { presenter } = props;
+    const workflow = presenter.vm.workflow;
+    if (!workflow) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex gap-y-md flex-col"
+    }, /*#__PURE__*/ react.createElement(InactiveStep, {
+        step: draftStep
+    }), workflow.steps.map((step)=>/*#__PURE__*/ react.createElement(Step, {
+            key: `step-${step.id}`,
+            step: step,
+            notifications: presenter.vm.notifications,
+            onSave: presenter.updateStep,
+            onRemove: presenter.removeStep,
+            onMoveUp: presenter.moveStepUp,
+            canMoveDown: presenter.canMoveStepDown,
+            onMoveDown: presenter.moveStepDown,
+            canMoveUp: presenter.canMoveStepUp
+        })), /*#__PURE__*/ react.createElement(NewStep, {
+        onAdd: presenter.addStep,
+        notifications: presenter.vm.notifications
+    }), /*#__PURE__*/ react.createElement(InactiveStep, {
+        step: publishedStep
+    }));
 });
+export { WorkflowEditorSteps };
 
 //# sourceMappingURL=WorkflowEditorSteps.js.map