@webiny/app-workflows 6.3.0-beta.4 → 6.4.0-beta.0

package/Components/WorkflowState/Bar/Dialogs/TakeOverSuccessDialog.js

@@ -1,17 +1,14 @@
-import React from "react";
-import { TakeOverSuccessDialog as BaseTakeOverSuccessDialog } from "../../../WorkflowStateDialogs/index.js";
-export const TakeOverSuccessDialog = props => {
-  const {
-    presenter
-  } = props;
-  const step = presenter.vm.step;
-  if (!step) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(BaseTakeOverSuccessDialog, {
-    hide: presenter.hideDialog,
-    title: step.title
-  });
+import react from "react";
+import { TakeOverSuccessDialog } from "../../../WorkflowStateDialogs/index.js";
+const TakeOverSuccessDialog_TakeOverSuccessDialog = (props)=>{
+    const { presenter } = props;
+    const step = presenter.vm.step;
+    if (!step) return null;
+    return /*#__PURE__*/ react.createElement(TakeOverSuccessDialog, {
+        hide: presenter.hideDialog,
+        title: step.title
+    });
 };
+export { TakeOverSuccessDialog_TakeOverSuccessDialog as TakeOverSuccessDialog };
 
 //# sourceMappingURL=TakeOverSuccessDialog.js.map

package/Components/WorkflowState/Bar/Dialogs/TakeOverSuccessDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TakeOverSuccessDialog","BaseTakeOverSuccessDialog","props","presenter","step","vm","createElement","hide","hideDialog","title"],"sources":["TakeOverSuccessDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { TakeOverSuccessDialog as BaseTakeOverSuccessDialog } from \"~/Components/WorkflowStateDialogs/index.js\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\n\ninterface ITakeOverSuccessDialogProps {\n    presenter: IWorkflowStatePresenter;\n}\n\nexport const TakeOverSuccessDialog = (props: ITakeOverSuccessDialogProps) => {\n    const { presenter } = props;\n\n    const step = presenter.vm.step;\n\n    if (!step) {\n        return null;\n    }\n\n    return <BaseTakeOverSuccessDialog hide={presenter.hideDialog} title={step.title} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB,IAAIC,yBAAyB;AAO3D,OAAO,MAAMD,qBAAqB,GAAIE,KAAkC,IAAK;EACzE,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAE3B,MAAME,IAAI,GAAGD,SAAS,CAACE,EAAE,CAACD,IAAI;EAE9B,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBAAOL,KAAA,CAAAO,aAAA,CAACL,yBAAyB;IAACM,IAAI,EAAEJ,SAAS,CAACK,UAAW;IAACC,KAAK,EAAEL,IAAI,CAACK;EAAM,CAAE,CAAC;AACvF,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowState/Bar/Dialogs/TakeOverSuccessDialog.js","sources":["../../../../../src/Components/WorkflowState/Bar/Dialogs/TakeOverSuccessDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { TakeOverSuccessDialog as BaseTakeOverSuccessDialog } from \"~/Components/WorkflowStateDialogs/index.js\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\n\ninterface ITakeOverSuccessDialogProps {\n    presenter: IWorkflowStatePresenter;\n}\n\nexport const TakeOverSuccessDialog = (props: ITakeOverSuccessDialogProps) => {\n    const { presenter } = props;\n\n    const step = presenter.vm.step;\n\n    if (!step) {\n        return null;\n    }\n\n    return <BaseTakeOverSuccessDialog hide={presenter.hideDialog} title={step.title} />;\n};\n"],"names":["TakeOverSuccessDialog","props","presenter","step","BaseTakeOverSuccessDialog"],"mappings":";;AAQO,MAAMA,8CAAwB,CAACC;IAClC,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,MAAME,OAAOD,UAAU,EAAE,CAAC,IAAI;IAE9B,IAAI,CAACC,MACD,OAAO;IAGX,OAAO,WAAP,GAAO,oBAACC,uBAAyBA;QAAC,MAAMF,UAAU,UAAU;QAAE,OAAOC,KAAK,KAAK;;AACnF"}

package/Components/WorkflowState/Bar/Dialogs/index.js

@@ -9,5 +9,3 @@ export * from "./StartDialog.js";
 export * from "./StartSuccessDialog.js";
 export * from "./TakeOverDialog.js";
 export * from "./TakeOverSuccessDialog.js";
-
-//# sourceMappingURL=index.js.map

package/Components/WorkflowState/Bar/WorkflowStateBar.js

@@ -1,4 +1,4 @@
-import React from "react";
+import react from "react";
 import { observer } from "mobx-react-lite";
 import { Plugins } from "@webiny/app";
 import { WorkflowStateBarError } from "./Bars/WorkflowStateBarError.js";
@@ -13,25 +13,18 @@ import { WorkflowStateBarComponent } from "./WorkflowStateBarComponent.js";
 import { WorkflowStateBarStartReview } from "./Bars/WorkflowStateBarStartReview.js";
 import { useWorkflowState } from "../useWorkflowState.js";
 import { WorkflowStateBarDialogs } from "./WorkflowStateBarDialogs.js";
-export const WorkflowStateBar = observer(props => {
-  const {
-    presenter
-  } = useWorkflowState();
-  /**
-   * If no workflow, do not show anything - there might not be a workflow assigned.
-   * We do not want to show loading or error states in this case.
-   */
-  if (!presenter.vm.workflow) {
-    return null;
-  }
-  const stateBar = /*#__PURE__*/React.createElement(WorkflowStateBarComponent, {
-    presenter: presenter
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WorkflowStateBarDialogs, null), /*#__PURE__*/React.createElement(Plugins, null, /*#__PURE__*/React.createElement(WorkflowStateBarApproved, null), /*#__PURE__*/React.createElement(WorkflowStateBarRejected, null), /*#__PURE__*/React.createElement(WorkflowStateBarReview, null), /*#__PURE__*/React.createElement(WorkflowStateBarStartReview, null), /*#__PURE__*/React.createElement(WorkflowStateBarCancelReview, null), /*#__PURE__*/React.createElement(WorkflowStateBarRequestReview, null), /*#__PURE__*/React.createElement(WorkflowStateBarLoading, null), /*#__PURE__*/React.createElement(WorkflowStateBarWorkflow, null), /*#__PURE__*/React.createElement(WorkflowStateBarError, null)), typeof props.children === "function" ? props.children({
-    stateBar,
-    state: presenter.vm.state,
-    workflow: presenter.vm.workflow
-  }) : stateBar);
+const WorkflowStateBar = observer((props)=>{
+    const { presenter } = useWorkflowState();
+    if (!presenter.vm.workflow) return null;
+    const stateBar = /*#__PURE__*/ react.createElement(WorkflowStateBarComponent, {
+        presenter: presenter
+    });
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(WorkflowStateBarDialogs, null), /*#__PURE__*/ react.createElement(Plugins, null, /*#__PURE__*/ react.createElement(WorkflowStateBarApproved, null), /*#__PURE__*/ react.createElement(WorkflowStateBarRejected, null), /*#__PURE__*/ react.createElement(WorkflowStateBarReview, null), /*#__PURE__*/ react.createElement(WorkflowStateBarStartReview, null), /*#__PURE__*/ react.createElement(WorkflowStateBarCancelReview, null), /*#__PURE__*/ react.createElement(WorkflowStateBarRequestReview, null), /*#__PURE__*/ react.createElement(WorkflowStateBarLoading, null), /*#__PURE__*/ react.createElement(WorkflowStateBarWorkflow, null), /*#__PURE__*/ react.createElement(WorkflowStateBarError, null)), "function" == typeof props.children ? props.children({
+        stateBar,
+        state: presenter.vm.state,
+        workflow: presenter.vm.workflow
+    }) : stateBar);
 });
+export { WorkflowStateBar };
 
 //# sourceMappingURL=WorkflowStateBar.js.map

package/Components/WorkflowState/Bar/WorkflowStateBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","observer","Plugins","WorkflowStateBarError","WorkflowStateBarLoading","WorkflowStateBarRequestReview","WorkflowStateBarCancelReview","WorkflowStateBarReview","WorkflowStateBarApproved","WorkflowStateBarRejected","WorkflowStateBarWorkflow","WorkflowStateBarComponent","WorkflowStateBarStartReview","useWorkflowState","WorkflowStateBarDialogs","WorkflowStateBar","props","presenter","vm","workflow","stateBar","createElement","Fragment","children","state"],"sources":["WorkflowStateBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Plugins } from \"@webiny/app\";\nimport { WorkflowStateBarError } from \"./Bars/WorkflowStateBarError.js\";\nimport { WorkflowStateBarLoading } from \"./Bars/WorkflowStateBarLoading.js\";\nimport { WorkflowStateBarRequestReview } from \"./Bars/WorkflowStateBarRequestReview.js\";\nimport { WorkflowStateBarCancelReview } from \"./Bars/WorkflowStateBarCancelReview.js\";\nimport { WorkflowStateBarReview } from \"./Bars/WorkflowStateBarReview.js\";\nimport { WorkflowStateBarApproved } from \"./Bars/WorkflowStateBarApproved.js\";\nimport { WorkflowStateBarRejected } from \"./Bars/WorkflowStateBarRejected.js\";\nimport { WorkflowStateBarWorkflow } from \"./Bars/WorkflowStateBarWorkflow.js\";\nimport { WorkflowStateBarComponent } from \"./WorkflowStateBarComponent.js\";\nimport { WorkflowStateBarStartReview } from \"./Bars/WorkflowStateBarStartReview.js\";\nimport { useWorkflowState } from \"../useWorkflowState.js\";\nimport { WorkflowStateBarDialogs } from \"~/Components/WorkflowState/Bar/WorkflowStateBarDialogs.js\";\nimport type { IWorkflow, IWorkflowState } from \"~/types.js\";\n\ninterface IWorkflowStateBarPropsChildrenParams {\n    workflow: IWorkflow;\n    stateBar: React.ReactElement;\n    state?: IWorkflowState | null;\n}\ninterface IWorkflowStateBarPropsChildren {\n    (\n        params: IWorkflowStateBarPropsChildrenParams\n    ): React.ReactElement | React.ReactElement[] | null;\n}\nexport interface IWorkflowStateBarProps {\n    /**\n     * To have access to a state and workflow, render function is meant to be used.\n     * It will rerender on every state change, and it will provide the latest state and workflow.\n     *\n     * Also, this way we avoid using MobX in the consumers of this component.\n     */\n    children?: IWorkflowStateBarPropsChildren | null;\n}\n\nexport const WorkflowStateBar = observer((props: IWorkflowStateBarProps) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * If no workflow, do not show anything - there might not be a workflow assigned.\n     * We do not want to show loading or error states in this case.\n     */\n    if (!presenter.vm.workflow) {\n        return null;\n    }\n\n    const stateBar = <WorkflowStateBarComponent presenter={presenter} />;\n\n    return (\n        <>\n            <WorkflowStateBarDialogs />\n            <Plugins>\n                <WorkflowStateBarApproved />\n                <WorkflowStateBarRejected />\n                <WorkflowStateBarReview />\n                <WorkflowStateBarStartReview />\n                <WorkflowStateBarCancelReview />\n                <WorkflowStateBarRequestReview />\n                <WorkflowStateBarLoading />\n                <WorkflowStateBarWorkflow />\n                <WorkflowStateBarError />\n            </Plugins>\n            {typeof props.children === \"function\"\n                ? props.children({\n                      stateBar,\n                      state: presenter.vm.state,\n                      workflow: presenter.vm.workflow\n                  })\n                : stateBar}\n        </>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,qBAAqB;AAC9B,SAASC,uBAAuB;AAChC,SAASC,6BAA6B;AACtC,SAASC,4BAA4B;AACrC,SAASC,sBAAsB;AAC/B,SAASC,wBAAwB;AACjC,SAASC,wBAAwB;AACjC,SAASC,wBAAwB;AACjC,SAASC,yBAAyB;AAClC,SAASC,2BAA2B;AACpC,SAASC,gBAAgB;AACzB,SAASC,uBAAuB;AAuBhC,OAAO,MAAMC,gBAAgB,GAAGd,QAAQ,CAAEe,KAA6B,IAAK;EACxE,MAAM;IAAEC;EAAU,CAAC,GAAGJ,gBAAgB,CAAC,CAAC;EACxC;AACJ;AACA;AACA;EACI,IAAI,CAACI,SAAS,CAACC,EAAE,CAACC,QAAQ,EAAE;IACxB,OAAO,IAAI;EACf;EAEA,MAAMC,QAAQ,gBAAGpB,KAAA,CAAAqB,aAAA,CAACV,yBAAyB;IAACM,SAAS,EAAEA;EAAU,CAAE,CAAC;EAEpE,oBACIjB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,qBACItB,KAAA,CAAAqB,aAAA,CAACP,uBAAuB,MAAE,CAAC,eAC3Bd,KAAA,CAAAqB,aAAA,CAACnB,OAAO,qBACJF,KAAA,CAAAqB,aAAA,CAACb,wBAAwB,MAAE,CAAC,eAC5BR,KAAA,CAAAqB,aAAA,CAACZ,wBAAwB,MAAE,CAAC,eAC5BT,KAAA,CAAAqB,aAAA,CAACd,sBAAsB,MAAE,CAAC,eAC1BP,KAAA,CAAAqB,aAAA,CAACT,2BAA2B,MAAE,CAAC,eAC/BZ,KAAA,CAAAqB,aAAA,CAACf,4BAA4B,MAAE,CAAC,eAChCN,KAAA,CAAAqB,aAAA,CAAChB,6BAA6B,MAAE,CAAC,eACjCL,KAAA,CAAAqB,aAAA,CAACjB,uBAAuB,MAAE,CAAC,eAC3BJ,KAAA,CAAAqB,aAAA,CAACX,wBAAwB,MAAE,CAAC,eAC5BV,KAAA,CAAAqB,aAAA,CAAClB,qBAAqB,MAAE,CACnB,CAAC,EACT,OAAOa,KAAK,CAACO,QAAQ,KAAK,UAAU,GAC/BP,KAAK,CAACO,QAAQ,CAAC;IACXH,QAAQ;IACRI,KAAK,EAAEP,SAAS,CAACC,EAAE,CAACM,KAAK;IACzBL,QAAQ,EAAEF,SAAS,CAACC,EAAE,CAACC;EAC3B,CAAC,CAAC,GACFC,QACR,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowState/Bar/WorkflowStateBar.js","sources":["../../../../src/Components/WorkflowState/Bar/WorkflowStateBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Plugins } from \"@webiny/app\";\nimport { WorkflowStateBarError } from \"./Bars/WorkflowStateBarError.js\";\nimport { WorkflowStateBarLoading } from \"./Bars/WorkflowStateBarLoading.js\";\nimport { WorkflowStateBarRequestReview } from \"./Bars/WorkflowStateBarRequestReview.js\";\nimport { WorkflowStateBarCancelReview } from \"./Bars/WorkflowStateBarCancelReview.js\";\nimport { WorkflowStateBarReview } from \"./Bars/WorkflowStateBarReview.js\";\nimport { WorkflowStateBarApproved } from \"./Bars/WorkflowStateBarApproved.js\";\nimport { WorkflowStateBarRejected } from \"./Bars/WorkflowStateBarRejected.js\";\nimport { WorkflowStateBarWorkflow } from \"./Bars/WorkflowStateBarWorkflow.js\";\nimport { WorkflowStateBarComponent } from \"./WorkflowStateBarComponent.js\";\nimport { WorkflowStateBarStartReview } from \"./Bars/WorkflowStateBarStartReview.js\";\nimport { useWorkflowState } from \"../useWorkflowState.js\";\nimport { WorkflowStateBarDialogs } from \"~/Components/WorkflowState/Bar/WorkflowStateBarDialogs.js\";\nimport type { IWorkflow, IWorkflowState } from \"~/types.js\";\n\ninterface IWorkflowStateBarPropsChildrenParams {\n    workflow: IWorkflow;\n    stateBar: React.ReactElement;\n    state?: IWorkflowState | null;\n}\ninterface IWorkflowStateBarPropsChildren {\n    (\n        params: IWorkflowStateBarPropsChildrenParams\n    ): React.ReactElement | React.ReactElement[] | null;\n}\nexport interface IWorkflowStateBarProps {\n    /**\n     * To have access to a state and workflow, render function is meant to be used.\n     * It will rerender on every state change, and it will provide the latest state and workflow.\n     *\n     * Also, this way we avoid using MobX in the consumers of this component.\n     */\n    children?: IWorkflowStateBarPropsChildren | null;\n}\n\nexport const WorkflowStateBar = observer((props: IWorkflowStateBarProps) => {\n    const { presenter } = useWorkflowState();\n    /**\n     * If no workflow, do not show anything - there might not be a workflow assigned.\n     * We do not want to show loading or error states in this case.\n     */\n    if (!presenter.vm.workflow) {\n        return null;\n    }\n\n    const stateBar = <WorkflowStateBarComponent presenter={presenter} />;\n\n    return (\n        <>\n            <WorkflowStateBarDialogs />\n            <Plugins>\n                <WorkflowStateBarApproved />\n                <WorkflowStateBarRejected />\n                <WorkflowStateBarReview />\n                <WorkflowStateBarStartReview />\n                <WorkflowStateBarCancelReview />\n                <WorkflowStateBarRequestReview />\n                <WorkflowStateBarLoading />\n                <WorkflowStateBarWorkflow />\n                <WorkflowStateBarError />\n            </Plugins>\n            {typeof props.children === \"function\"\n                ? props.children({\n                      stateBar,\n                      state: presenter.vm.state,\n                      workflow: presenter.vm.workflow\n                  })\n                : stateBar}\n        </>\n    );\n});\n"],"names":["WorkflowStateBar","observer","props","presenter","useWorkflowState","stateBar","WorkflowStateBarComponent","WorkflowStateBarDialogs","Plugins","WorkflowStateBarApproved","WorkflowStateBarRejected","WorkflowStateBarReview","WorkflowStateBarStartReview","WorkflowStateBarCancelReview","WorkflowStateBarRequestReview","WorkflowStateBarLoading","WorkflowStateBarWorkflow","WorkflowStateBarError"],"mappings":";;;;;;;;;;;;;;;AAqCO,MAAMA,mBAAmBC,SAAS,CAACC;IACtC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAKtB,IAAI,CAACD,UAAU,EAAE,CAAC,QAAQ,EACtB,OAAO;IAGX,MAAME,WAAW,WAAXA,GAAW,oBAACC,2BAAyBA;QAAC,WAAWH;;IAEvD,OAAO,WAAP,GACI,wDACI,oBAACI,yBAAuBA,OAAAA,WAAAA,GACxB,oBAACC,SAAOA,MAAAA,WAAAA,GACJ,oBAACC,0BAAwBA,OAAAA,WAAAA,GACzB,oBAACC,0BAAwBA,OAAAA,WAAAA,GACzB,oBAACC,wBAAsBA,OAAAA,WAAAA,GACvB,oBAACC,6BAA2BA,OAAAA,WAAAA,GAC5B,oBAACC,8BAA4BA,OAAAA,WAAAA,GAC7B,oBAACC,+BAA6BA,OAAAA,WAAAA,GAC9B,oBAACC,yBAAuBA,OAAAA,WAAAA,GACxB,oBAACC,0BAAwBA,OAAAA,WAAAA,GACzB,oBAACC,uBAAqBA,QAEzB,AAA0B,cAA1B,OAAOf,MAAM,QAAQ,GAChBA,MAAM,QAAQ,CAAC;QACXG;QACA,OAAOF,UAAU,EAAE,CAAC,KAAK;QACzB,UAAUA,UAAU,EAAE,CAAC,QAAQ;IACnC,KACAE;AAGlB"}

package/Components/WorkflowState/Bar/WorkflowStateBarComponent.js

@@ -1,23 +1,15 @@
 import { Alert, makeDecoratable } from "@webiny/admin-ui";
-import React from "react";
+import react from "react";
 import { observer } from "mobx-react-lite";
-const debug = process.env.DEBUG === "true";
-/**
- * Code should never reach this point, as all possible states should be handled by decorators.
- * This is just a fallback to help debugging.
- */
-export const WorkflowStateBarComponent = makeDecoratable("WorkflowStateBarComponent", observer(props => {
-  const {
-    presenter
-  } = props;
-  if (presenter.vm.loading) {
-    return /*#__PURE__*/React.createElement(Alert, null, "Loading...");
-  } else if (!debug) {
-    return /*#__PURE__*/React.createElement(Alert, null, "Something went wrong, please contact the administrator.");
-  }
-  return /*#__PURE__*/React.createElement(Alert, null, /*#__PURE__*/React.createElement("div", null, "Debugging info:"), JSON.stringify({
-    ...presenter.vm
-  }));
+const debug = "true" === process.env.DEBUG;
+const WorkflowStateBarComponent = makeDecoratable("WorkflowStateBarComponent", observer((props)=>{
+    const { presenter } = props;
+    if (presenter.vm.loading) return /*#__PURE__*/ react.createElement(Alert, null, "Loading...");
+    if (!debug) return /*#__PURE__*/ react.createElement(Alert, null, "Something went wrong, please contact the administrator.");
+    return /*#__PURE__*/ react.createElement(Alert, null, /*#__PURE__*/ react.createElement("div", null, "Debugging info:"), JSON.stringify({
+        ...presenter.vm
+    }));
 }));
+export { WorkflowStateBarComponent };
 
 //# sourceMappingURL=WorkflowStateBarComponent.js.map

package/Components/WorkflowState/Bar/WorkflowStateBarComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["Alert","makeDecoratable","React","observer","debug","process","env","DEBUG","WorkflowStateBarComponent","props","presenter","vm","loading","createElement","JSON","stringify"],"sources":["WorkflowStateBarComponent.tsx"],"sourcesContent":["import { Alert, makeDecoratable } from \"@webiny/admin-ui\";\nimport React from \"react\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\nimport { observer } from \"mobx-react-lite\";\n\nexport interface IWorkflowStateBarComponentProps {\n    presenter: IWorkflowStatePresenter;\n}\n\nconst debug = process.env.DEBUG === \"true\";\n/**\n * Code should never reach this point, as all possible states should be handled by decorators.\n * This is just a fallback to help debugging.\n */\nexport const WorkflowStateBarComponent = makeDecoratable(\n    \"WorkflowStateBarComponent\",\n    observer((props: IWorkflowStateBarComponentProps) => {\n        const { presenter } = props;\n\n        if (presenter.vm.loading) {\n            return <Alert>Loading...</Alert>;\n        } else if (!debug) {\n            return <Alert>Something went wrong, please contact the administrator.</Alert>;\n        }\n\n        return (\n            <Alert>\n                <div>Debugging info:</div>\n                {JSON.stringify({\n                    ...presenter.vm\n                })}\n            </Alert>\n        );\n    })\n);\n"],"mappings":"AAAA,SAASA,KAAK,EAAEC,eAAe,QAAQ,kBAAkB;AACzD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,iBAAiB;AAM1C,MAAMC,KAAK,GAAGC,OAAO,CAACC,GAAG,CAACC,KAAK,KAAK,MAAM;AAC1C;AACA;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAGP,eAAe,CACpD,2BAA2B,EAC3BE,QAAQ,CAAEM,KAAsC,IAAK;EACjD,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAE3B,IAAIC,SAAS,CAACC,EAAE,CAACC,OAAO,EAAE;IACtB,oBAAOV,KAAA,CAAAW,aAAA,CAACb,KAAK,QAAC,YAAiB,CAAC;EACpC,CAAC,MAAM,IAAI,CAACI,KAAK,EAAE;IACf,oBAAOF,KAAA,CAAAW,aAAA,CAACb,KAAK,QAAC,yDAA8D,CAAC;EACjF;EAEA,oBACIE,KAAA,CAAAW,aAAA,CAACb,KAAK,qBACFE,KAAA,CAAAW,aAAA,cAAK,iBAAoB,CAAC,EACzBC,IAAI,CAACC,SAAS,CAAC;IACZ,GAAGL,SAAS,CAACC;EACjB,CAAC,CACE,CAAC;AAEhB,CAAC,CACL,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowState/Bar/WorkflowStateBarComponent.js","sources":["../../../../src/Components/WorkflowState/Bar/WorkflowStateBarComponent.tsx"],"sourcesContent":["import { Alert, makeDecoratable } from \"@webiny/admin-ui\";\nimport React from \"react\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\nimport { observer } from \"mobx-react-lite\";\n\nexport interface IWorkflowStateBarComponentProps {\n    presenter: IWorkflowStatePresenter;\n}\n\nconst debug = process.env.DEBUG === \"true\";\n/**\n * Code should never reach this point, as all possible states should be handled by decorators.\n * This is just a fallback to help debugging.\n */\nexport const WorkflowStateBarComponent = makeDecoratable(\n    \"WorkflowStateBarComponent\",\n    observer((props: IWorkflowStateBarComponentProps) => {\n        const { presenter } = props;\n\n        if (presenter.vm.loading) {\n            return <Alert>Loading...</Alert>;\n        } else if (!debug) {\n            return <Alert>Something went wrong, please contact the administrator.</Alert>;\n        }\n\n        return (\n            <Alert>\n                <div>Debugging info:</div>\n                {JSON.stringify({\n                    ...presenter.vm\n                })}\n            </Alert>\n        );\n    })\n);\n"],"names":["debug","process","WorkflowStateBarComponent","makeDecoratable","observer","props","presenter","Alert","JSON"],"mappings":";;;AASA,MAAMA,QAAQC,AAAsB,WAAtBA,QAAQ,GAAG,CAAC,KAAK;AAKxB,MAAMC,4BAA4BC,gBACrC,6BACAC,SAAS,CAACC;IACN,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,IAAIC,UAAU,EAAE,CAAC,OAAO,EACpB,OAAO,WAAP,GAAO,oBAACC,OAAKA,MAAC;IACX,IAAI,CAACP,OACR,OAAO,WAAP,GAAO,oBAACO,OAAKA,MAAC;IAGlB,OAAO,WAAP,GACI,oBAACA,OAAKA,MAAAA,WAAAA,GACF,oBAAC,aAAI,oBACJC,KAAK,SAAS,CAAC;QACZ,GAAGF,UAAU,EAAE;IACnB;AAGZ"}

package/Components/WorkflowState/Bar/WorkflowStateBarDialogs.js

@@ -1,58 +1,57 @@
-import React from "react";
+import react from "react";
 import { observer } from "mobx-react-lite";
 import { useWorkflowState } from "../useWorkflowState.js";
 import { ApproveDialog, ApproveSuccessDialog, CancelReviewDialog, CommentDialog, RejectDialog, RejectSuccessDialog, RequestReviewDialog, StartDialog, StartSuccessDialog, TakeOverDialog, TakeOverSuccessDialog } from "./Dialogs/index.js";
-export const WorkflowStateBarDialogs = observer(() => {
-  const {
-    presenter
-  } = useWorkflowState();
-  switch (presenter.vm.dialog?.type) {
-    case "cancelReview":
-      return /*#__PURE__*/React.createElement(CancelReviewDialog, {
-        presenter: presenter
-      });
-    case "requestReview":
-      return /*#__PURE__*/React.createElement(RequestReviewDialog, {
-        presenter: presenter
-      });
-    case "start":
-      return /*#__PURE__*/React.createElement(StartDialog, {
-        presenter: presenter
-      });
-    case "start:success":
-      return /*#__PURE__*/React.createElement(StartSuccessDialog, {
-        presenter: presenter
-      });
-    case "approve":
-      return /*#__PURE__*/React.createElement(ApproveDialog, {
-        presenter: presenter
-      });
-    case "approve:success":
-      return /*#__PURE__*/React.createElement(ApproveSuccessDialog, {
-        presenter: presenter
-      });
-    case "reject":
-      return /*#__PURE__*/React.createElement(RejectDialog, {
-        presenter: presenter
-      });
-    case "reject:success":
-      return /*#__PURE__*/React.createElement(RejectSuccessDialog, {
-        presenter: presenter
-      });
-    case "comment":
-      return /*#__PURE__*/React.createElement(CommentDialog, {
-        presenter: presenter
-      });
-    case "takeOver":
-      return /*#__PURE__*/React.createElement(TakeOverDialog, {
-        presenter: presenter
-      });
-    case "takeOver:success":
-      return /*#__PURE__*/React.createElement(TakeOverSuccessDialog, {
-        presenter: presenter
-      });
-  }
-  return null;
+const WorkflowStateBarDialogs = observer(()=>{
+    const { presenter } = useWorkflowState();
+    switch(presenter.vm.dialog?.type){
+        case "cancelReview":
+            return /*#__PURE__*/ react.createElement(CancelReviewDialog, {
+                presenter: presenter
+            });
+        case "requestReview":
+            return /*#__PURE__*/ react.createElement(RequestReviewDialog, {
+                presenter: presenter
+            });
+        case "start":
+            return /*#__PURE__*/ react.createElement(StartDialog, {
+                presenter: presenter
+            });
+        case "start:success":
+            return /*#__PURE__*/ react.createElement(StartSuccessDialog, {
+                presenter: presenter
+            });
+        case "approve":
+            return /*#__PURE__*/ react.createElement(ApproveDialog, {
+                presenter: presenter
+            });
+        case "approve:success":
+            return /*#__PURE__*/ react.createElement(ApproveSuccessDialog, {
+                presenter: presenter
+            });
+        case "reject":
+            return /*#__PURE__*/ react.createElement(RejectDialog, {
+                presenter: presenter
+            });
+        case "reject:success":
+            return /*#__PURE__*/ react.createElement(RejectSuccessDialog, {
+                presenter: presenter
+            });
+        case "comment":
+            return /*#__PURE__*/ react.createElement(CommentDialog, {
+                presenter: presenter
+            });
+        case "takeOver":
+            return /*#__PURE__*/ react.createElement(TakeOverDialog, {
+                presenter: presenter
+            });
+        case "takeOver:success":
+            return /*#__PURE__*/ react.createElement(TakeOverSuccessDialog, {
+                presenter: presenter
+            });
+    }
+    return null;
 });
+export { WorkflowStateBarDialogs };
 
 //# sourceMappingURL=WorkflowStateBarDialogs.js.map

package/Components/WorkflowState/Bar/WorkflowStateBarDialogs.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","observer","useWorkflowState","ApproveDialog","ApproveSuccessDialog","CancelReviewDialog","CommentDialog","RejectDialog","RejectSuccessDialog","RequestReviewDialog","StartDialog","StartSuccessDialog","TakeOverDialog","TakeOverSuccessDialog","WorkflowStateBarDialogs","presenter","vm","dialog","type","createElement"],"sources":["WorkflowStateBarDialogs.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowState } from \"../useWorkflowState.js\";\nimport {\n    ApproveDialog,\n    ApproveSuccessDialog,\n    CancelReviewDialog,\n    CommentDialog,\n    RejectDialog,\n    RejectSuccessDialog,\n    RequestReviewDialog,\n    StartDialog,\n    StartSuccessDialog,\n    TakeOverDialog,\n    TakeOverSuccessDialog\n} from \"./Dialogs/index.js\";\n\nexport const WorkflowStateBarDialogs = observer(() => {\n    const { presenter } = useWorkflowState();\n\n    switch (presenter.vm.dialog?.type) {\n        case \"cancelReview\":\n            return <CancelReviewDialog presenter={presenter} />;\n        case \"requestReview\":\n            return <RequestReviewDialog presenter={presenter} />;\n        case \"start\":\n            return <StartDialog presenter={presenter} />;\n        case \"start:success\":\n            return <StartSuccessDialog presenter={presenter} />;\n        case \"approve\":\n            return <ApproveDialog presenter={presenter} />;\n        case \"approve:success\":\n            return <ApproveSuccessDialog presenter={presenter} />;\n        case \"reject\":\n            return <RejectDialog presenter={presenter} />;\n        case \"reject:success\":\n            return <RejectSuccessDialog presenter={presenter} />;\n        case \"comment\":\n            return <CommentDialog presenter={presenter} />;\n        case \"takeOver\":\n            return <TakeOverDialog presenter={presenter} />;\n        case \"takeOver:success\":\n            return <TakeOverSuccessDialog presenter={presenter} />;\n    }\n    return null;\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,gBAAgB;AACzB,SACIC,aAAa,EACbC,oBAAoB,EACpBC,kBAAkB,EAClBC,aAAa,EACbC,YAAY,EACZC,mBAAmB,EACnBC,mBAAmB,EACnBC,WAAW,EACXC,kBAAkB,EAClBC,cAAc,EACdC,qBAAqB;AAGzB,OAAO,MAAMC,uBAAuB,GAAGb,QAAQ,CAAC,MAAM;EAClD,MAAM;IAAEc;EAAU,CAAC,GAAGb,gBAAgB,CAAC,CAAC;EAExC,QAAQa,SAAS,CAACC,EAAE,CAACC,MAAM,EAAEC,IAAI;IAC7B,KAAK,cAAc;MACf,oBAAOlB,KAAA,CAAAmB,aAAA,CAACd,kBAAkB;QAACU,SAAS,EAAEA;MAAU,CAAE,CAAC;IACvD,KAAK,eAAe;MAChB,oBAAOf,KAAA,CAAAmB,aAAA,CAACV,mBAAmB;QAACM,SAAS,EAAEA;MAAU,CAAE,CAAC;IACxD,KAAK,OAAO;MACR,oBAAOf,KAAA,CAAAmB,aAAA,CAACT,WAAW;QAACK,SAAS,EAAEA;MAAU,CAAE,CAAC;IAChD,KAAK,eAAe;MAChB,oBAAOf,KAAA,CAAAmB,aAAA,CAACR,kBAAkB;QAACI,SAAS,EAAEA;MAAU,CAAE,CAAC;IACvD,KAAK,SAAS;MACV,oBAAOf,KAAA,CAAAmB,aAAA,CAAChB,aAAa;QAACY,SAAS,EAAEA;MAAU,CAAE,CAAC;IAClD,KAAK,iBAAiB;MAClB,oBAAOf,KAAA,CAAAmB,aAAA,CAACf,oBAAoB;QAACW,SAAS,EAAEA;MAAU,CAAE,CAAC;IACzD,KAAK,QAAQ;MACT,oBAAOf,KAAA,CAAAmB,aAAA,CAACZ,YAAY;QAACQ,SAAS,EAAEA;MAAU,CAAE,CAAC;IACjD,KAAK,gBAAgB;MACjB,oBAAOf,KAAA,CAAAmB,aAAA,CAACX,mBAAmB;QAACO,SAAS,EAAEA;MAAU,CAAE,CAAC;IACxD,KAAK,SAAS;MACV,oBAAOf,KAAA,CAAAmB,aAAA,CAACb,aAAa;QAACS,SAAS,EAAEA;MAAU,CAAE,CAAC;IAClD,KAAK,UAAU;MACX,oBAAOf,KAAA,CAAAmB,aAAA,CAACP,cAAc;QAACG,SAAS,EAAEA;MAAU,CAAE,CAAC;IACnD,KAAK,kBAAkB;MACnB,oBAAOf,KAAA,CAAAmB,aAAA,CAACN,qBAAqB;QAACE,SAAS,EAAEA;MAAU,CAAE,CAAC;EAC9D;EACA,OAAO,IAAI;AACf,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowState/Bar/WorkflowStateBarDialogs.js","sources":["../../../../src/Components/WorkflowState/Bar/WorkflowStateBarDialogs.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowState } from \"../useWorkflowState.js\";\nimport {\n    ApproveDialog,\n    ApproveSuccessDialog,\n    CancelReviewDialog,\n    CommentDialog,\n    RejectDialog,\n    RejectSuccessDialog,\n    RequestReviewDialog,\n    StartDialog,\n    StartSuccessDialog,\n    TakeOverDialog,\n    TakeOverSuccessDialog\n} from \"./Dialogs/index.js\";\n\nexport const WorkflowStateBarDialogs = observer(() => {\n    const { presenter } = useWorkflowState();\n\n    switch (presenter.vm.dialog?.type) {\n        case \"cancelReview\":\n            return <CancelReviewDialog presenter={presenter} />;\n        case \"requestReview\":\n            return <RequestReviewDialog presenter={presenter} />;\n        case \"start\":\n            return <StartDialog presenter={presenter} />;\n        case \"start:success\":\n            return <StartSuccessDialog presenter={presenter} />;\n        case \"approve\":\n            return <ApproveDialog presenter={presenter} />;\n        case \"approve:success\":\n            return <ApproveSuccessDialog presenter={presenter} />;\n        case \"reject\":\n            return <RejectDialog presenter={presenter} />;\n        case \"reject:success\":\n            return <RejectSuccessDialog presenter={presenter} />;\n        case \"comment\":\n            return <CommentDialog presenter={presenter} />;\n        case \"takeOver\":\n            return <TakeOverDialog presenter={presenter} />;\n        case \"takeOver:success\":\n            return <TakeOverSuccessDialog presenter={presenter} />;\n    }\n    return null;\n});\n"],"names":["WorkflowStateBarDialogs","observer","presenter","useWorkflowState","CancelReviewDialog","RequestReviewDialog","StartDialog","StartSuccessDialog","ApproveDialog","ApproveSuccessDialog","RejectDialog","RejectSuccessDialog","CommentDialog","TakeOverDialog","TakeOverSuccessDialog"],"mappings":";;;;AAiBO,MAAMA,0BAA0BC,SAAS;IAC5C,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAEtB,OAAQD,UAAU,EAAE,CAAC,MAAM,EAAE;QACzB,KAAK;YACD,OAAO,WAAP,GAAO,oBAACE,oBAAkBA;gBAAC,WAAWF;;QAC1C,KAAK;YACD,OAAO,WAAP,GAAO,oBAACG,qBAAmBA;gBAAC,WAAWH;;QAC3C,KAAK;YACD,OAAO,WAAP,GAAO,oBAACI,aAAWA;gBAAC,WAAWJ;;QACnC,KAAK;YACD,OAAO,WAAP,GAAO,oBAACK,oBAAkBA;gBAAC,WAAWL;;QAC1C,KAAK;YACD,OAAO,WAAP,GAAO,oBAACM,eAAaA;gBAAC,WAAWN;;QACrC,KAAK;YACD,OAAO,WAAP,GAAO,oBAACO,sBAAoBA;gBAAC,WAAWP;;QAC5C,KAAK;YACD,OAAO,WAAP,GAAO,oBAACQ,cAAYA;gBAAC,WAAWR;;QACpC,KAAK;YACD,OAAO,WAAP,GAAO,oBAACS,qBAAmBA;gBAAC,WAAWT;;QAC3C,KAAK;YACD,OAAO,WAAP,GAAO,oBAACU,eAAaA;gBAAC,WAAWV;;QACrC,KAAK;YACD,OAAO,WAAP,GAAO,oBAACW,gBAAcA;gBAAC,WAAWX;;QACtC,KAAK;YACD,OAAO,WAAP,GAAO,oBAACY,uBAAqBA;gBAAC,WAAWZ;;IACjD;IACA,OAAO;AACX"}

package/Components/WorkflowState/Bar/index.js

@@ -1,3 +1 @@
 export * from "./WorkflowStateBar.js";
-
-//# sourceMappingURL=index.js.map

package/Components/WorkflowState/Overlay/WorkflowStateOverlay.js

@@ -1,17 +1,13 @@
+import "react";
 import { useWorkflowState } from "../useWorkflowState.js";
 import { observer } from "mobx-react-lite";
-export const WorkflowStateOverlay = observer(({
-  children
-}) => {
-  const {
-    presenter
-  } = useWorkflowState();
-  if (typeof children === "function") {
-    return children({
-      state: presenter.vm.state || undefined
+const WorkflowStateOverlay = observer(({ children })=>{
+    const { presenter } = useWorkflowState();
+    if ("function" == typeof children) return children({
+        state: presenter.vm.state || void 0
     });
-  }
-  return children;
+    return children;
 });
+export { WorkflowStateOverlay };
 
 //# sourceMappingURL=WorkflowStateOverlay.js.map

package/Components/WorkflowState/Overlay/WorkflowStateOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["useWorkflowState","observer","WorkflowStateOverlay","children","presenter","state","vm","undefined"],"sources":["WorkflowStateOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport { useWorkflowState } from \"../useWorkflowState.js\";\nimport { observer } from \"mobx-react-lite\";\nimport type { IWorkflowState } from \"~/types.js\";\n\ninterface IWorkflowStateOverlayPropsChildrenProps {\n    state: IWorkflowState | undefined;\n}\n\ninterface IWorkflowStateOverlayPropsChildren {\n    (props: IWorkflowStateOverlayPropsChildrenProps): React.ReactNode;\n}\n\nexport interface IWorkflowStateOverlayProps {\n    children: React.ReactNode | IWorkflowStateOverlayPropsChildren;\n}\n\nexport const WorkflowStateOverlay = observer(({ children }: IWorkflowStateOverlayProps) => {\n    const { presenter } = useWorkflowState();\n    if (typeof children === \"function\") {\n        return children({ state: presenter.vm.state || undefined });\n    }\n    return children;\n});\n"],"mappings":"AACA,SAASA,gBAAgB;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAe1C,OAAO,MAAMC,oBAAoB,GAAGD,QAAQ,CAAC,CAAC;EAAEE;AAAqC,CAAC,KAAK;EACvF,MAAM;IAAEC;EAAU,CAAC,GAAGJ,gBAAgB,CAAC,CAAC;EACxC,IAAI,OAAOG,QAAQ,KAAK,UAAU,EAAE;IAChC,OAAOA,QAAQ,CAAC;MAAEE,KAAK,EAAED,SAAS,CAACE,EAAE,CAACD,KAAK,IAAIE;IAAU,CAAC,CAAC;EAC/D;EACA,OAAOJ,QAAQ;AACnB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowState/Overlay/WorkflowStateOverlay.js","sources":["../../../../src/Components/WorkflowState/Overlay/WorkflowStateOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport { useWorkflowState } from \"../useWorkflowState.js\";\nimport { observer } from \"mobx-react-lite\";\nimport type { IWorkflowState } from \"~/types.js\";\n\ninterface IWorkflowStateOverlayPropsChildrenProps {\n    state: IWorkflowState | undefined;\n}\n\ninterface IWorkflowStateOverlayPropsChildren {\n    (props: IWorkflowStateOverlayPropsChildrenProps): React.ReactNode;\n}\n\nexport interface IWorkflowStateOverlayProps {\n    children: React.ReactNode | IWorkflowStateOverlayPropsChildren;\n}\n\nexport const WorkflowStateOverlay = observer(({ children }: IWorkflowStateOverlayProps) => {\n    const { presenter } = useWorkflowState();\n    if (typeof children === \"function\") {\n        return children({ state: presenter.vm.state || undefined });\n    }\n    return children;\n});\n"],"names":["WorkflowStateOverlay","observer","children","presenter","useWorkflowState","undefined"],"mappings":";;;AAiBO,MAAMA,uBAAuBC,SAAS,CAAC,EAAEC,QAAQ,EAA8B;IAClF,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,IAAI,AAAoB,cAApB,OAAOF,UACP,OAAOA,SAAS;QAAE,OAAOC,UAAU,EAAE,CAAC,KAAK,IAAIE;IAAU;IAE7D,OAAOH;AACX"}

package/Components/WorkflowState/Tooltip/WorkflowStateTooltip.js

@@ -1,47 +1,39 @@
-import React from "react";
-import { Button, Icon as IconWrap, Popover } from "@webiny/admin-ui";
-import { ReactComponent as WorkflowStateTooltipIcon } from "@webiny/icons/list.svg";
+import react from "react";
+import { Button, Icon as admin_ui_Icon, Popover } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/list.svg";
 import { WorkflowStateTooltipContent } from "./WorkflowStateTooltipContent.js";
 import { observer } from "mobx-react-lite";
 import { useWorkflowState } from "../useWorkflowState.js";
-const WorkflowStateTooltipObserver = observer(props => {
-  const {
-    presenter,
-    Icon
-  } = props;
-  const {
-    state
-  } = presenter.vm;
-  if (!state) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Popover, {
-    trigger: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
-      variant: "secondary",
-      text: /*#__PURE__*/React.createElement(IconWrap, {
-        label: "Tooltip",
-        size: "sm",
-        icon: Icon ? /*#__PURE__*/React.createElement(Icon, null) : /*#__PURE__*/React.createElement(WorkflowStateTooltipIcon, null)
-      })
-    })),
-    content: /*#__PURE__*/React.createElement(WorkflowStateTooltipContent, {
-      state: state,
-      presenter: presenter
-    }),
-    align: "center",
-    side: "bottom",
-    arrow: true,
-    close: false
-  });
+const WorkflowStateTooltipObserver = observer((props)=>{
+    const { presenter, Icon } = props;
+    const { state } = presenter.vm;
+    if (!state) return null;
+    return /*#__PURE__*/ react.createElement(Popover, {
+        trigger: /*#__PURE__*/ react.createElement("span", null, /*#__PURE__*/ react.createElement(Button, {
+            variant: "secondary",
+            text: /*#__PURE__*/ react.createElement(admin_ui_Icon, {
+                label: "Tooltip",
+                size: "sm",
+                icon: Icon ? /*#__PURE__*/ react.createElement(Icon, null) : /*#__PURE__*/ react.createElement(ReactComponent, null)
+            })
+        })),
+        content: /*#__PURE__*/ react.createElement(WorkflowStateTooltipContent, {
+            state: state,
+            presenter: presenter
+        }),
+        align: "center",
+        side: "bottom",
+        arrow: true,
+        close: false
+    });
 });
-export const WorkflowStateTooltip = props => {
-  const {
-    presenter
-  } = useWorkflowState();
-  return /*#__PURE__*/React.createElement(WorkflowStateTooltipObserver, {
-    presenter: presenter,
-    Icon: props.Icon
-  });
+const WorkflowStateTooltip = (props)=>{
+    const { presenter } = useWorkflowState();
+    return /*#__PURE__*/ react.createElement(WorkflowStateTooltipObserver, {
+        presenter: presenter,
+        Icon: props.Icon
+    });
 };
+export { WorkflowStateTooltip };
 
 //# sourceMappingURL=WorkflowStateTooltip.js.map

package/Components/WorkflowState/Tooltip/WorkflowStateTooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Button","Icon","IconWrap","Popover","ReactComponent","WorkflowStateTooltipIcon","WorkflowStateTooltipContent","observer","useWorkflowState","WorkflowStateTooltipObserver","props","presenter","state","vm","createElement","trigger","variant","text","label","size","icon","content","align","side","arrow","close","WorkflowStateTooltip"],"sources":["WorkflowStateTooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\nimport { Button, Icon as IconWrap, Popover } from \"@webiny/admin-ui\";\nimport { ReactComponent as WorkflowStateTooltipIcon } from \"@webiny/icons/list.svg\";\nimport { WorkflowStateTooltipContent } from \"./WorkflowStateTooltipContent.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowState } from \"../useWorkflowState.js\";\n\nexport interface IWorkflowStateTooltipButtonProps {\n    presenter: IWorkflowStatePresenter;\n    Icon?: React.ComponentType;\n}\n\nconst WorkflowStateTooltipObserver = observer((props: IWorkflowStateTooltipButtonProps) => {\n    const { presenter, Icon } = props;\n    const { state } = presenter.vm;\n    if (!state) {\n        return null;\n    }\n    return (\n        <Popover\n            trigger={\n                <span>\n                    <Button\n                        variant={\"secondary\"}\n                        text={\n                            <IconWrap\n                                label={\"Tooltip\"}\n                                size={\"sm\"}\n                                icon={Icon ? <Icon /> : <WorkflowStateTooltipIcon />}\n                            />\n                        }\n                    />\n                </span>\n            }\n            content={<WorkflowStateTooltipContent state={state} presenter={presenter} />}\n            align=\"center\"\n            side=\"bottom\"\n            arrow={true}\n            close={false}\n        />\n    );\n});\n\nexport interface IWorkflowStateTooltipProps {\n    Icon?: React.ComponentType;\n}\n\nexport const WorkflowStateTooltip = (props: IWorkflowStateTooltipProps) => {\n    const { presenter } = useWorkflowState();\n\n    return <WorkflowStateTooltipObserver presenter={presenter} Icon={props.Icon} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,MAAM,EAAEC,IAAI,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,kBAAkB;AACpE,SAASC,cAAc,IAAIC,wBAAwB,QAAQ,wBAAwB;AACnF,SAASC,2BAA2B;AACpC,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,gBAAgB;AAOzB,MAAMC,4BAA4B,GAAGF,QAAQ,CAAEG,KAAuC,IAAK;EACvF,MAAM;IAAEC,SAAS;IAAEV;EAAK,CAAC,GAAGS,KAAK;EACjC,MAAM;IAAEE;EAAM,CAAC,GAAGD,SAAS,CAACE,EAAE;EAC9B,IAAI,CAACD,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EACA,oBACIb,KAAA,CAAAe,aAAA,CAACX,OAAO;IACJY,OAAO,eACHhB,KAAA,CAAAe,aAAA,4BACIf,KAAA,CAAAe,aAAA,CAACd,MAAM;MACHgB,OAAO,EAAE,WAAY;MACrBC,IAAI,eACAlB,KAAA,CAAAe,aAAA,CAACZ,QAAQ;QACLgB,KAAK,EAAE,SAAU;QACjBC,IAAI,EAAE,IAAK;QACXC,IAAI,EAAEnB,IAAI,gBAAGF,KAAA,CAAAe,aAAA,CAACb,IAAI,MAAE,CAAC,gBAAGF,KAAA,CAAAe,aAAA,CAACT,wBAAwB,MAAE;MAAE,CACxD;IACJ,CACJ,CACC,CACT;IACDgB,OAAO,eAAEtB,KAAA,CAAAe,aAAA,CAACR,2BAA2B;MAACM,KAAK,EAAEA,KAAM;MAACD,SAAS,EAAEA;IAAU,CAAE,CAAE;IAC7EW,KAAK,EAAC,QAAQ;IACdC,IAAI,EAAC,QAAQ;IACbC,KAAK,EAAE,IAAK;IACZC,KAAK,EAAE;EAAM,CAChB,CAAC;AAEV,CAAC,CAAC;AAMF,OAAO,MAAMC,oBAAoB,GAAIhB,KAAiC,IAAK;EACvE,MAAM;IAAEC;EAAU,CAAC,GAAGH,gBAAgB,CAAC,CAAC;EAExC,oBAAOT,KAAA,CAAAe,aAAA,CAACL,4BAA4B;IAACE,SAAS,EAAEA,SAAU;IAACV,IAAI,EAAES,KAAK,CAACT;EAAK,CAAE,CAAC;AACnF,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowState/Tooltip/WorkflowStateTooltip.js","sources":["../../../../src/Components/WorkflowState/Tooltip/WorkflowStateTooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\nimport { Button, Icon as IconWrap, Popover } from \"@webiny/admin-ui\";\nimport { ReactComponent as WorkflowStateTooltipIcon } from \"@webiny/icons/list.svg\";\nimport { WorkflowStateTooltipContent } from \"./WorkflowStateTooltipContent.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowState } from \"../useWorkflowState.js\";\n\nexport interface IWorkflowStateTooltipButtonProps {\n    presenter: IWorkflowStatePresenter;\n    Icon?: React.ComponentType;\n}\n\nconst WorkflowStateTooltipObserver = observer((props: IWorkflowStateTooltipButtonProps) => {\n    const { presenter, Icon } = props;\n    const { state } = presenter.vm;\n    if (!state) {\n        return null;\n    }\n    return (\n        <Popover\n            trigger={\n                <span>\n                    <Button\n                        variant={\"secondary\"}\n                        text={\n                            <IconWrap\n                                label={\"Tooltip\"}\n                                size={\"sm\"}\n                                icon={Icon ? <Icon /> : <WorkflowStateTooltipIcon />}\n                            />\n                        }\n                    />\n                </span>\n            }\n            content={<WorkflowStateTooltipContent state={state} presenter={presenter} />}\n            align=\"center\"\n            side=\"bottom\"\n            arrow={true}\n            close={false}\n        />\n    );\n});\n\nexport interface IWorkflowStateTooltipProps {\n    Icon?: React.ComponentType;\n}\n\nexport const WorkflowStateTooltip = (props: IWorkflowStateTooltipProps) => {\n    const { presenter } = useWorkflowState();\n\n    return <WorkflowStateTooltipObserver presenter={presenter} Icon={props.Icon} />;\n};\n"],"names":["WorkflowStateTooltipObserver","observer","props","presenter","Icon","state","Popover","Button","IconWrap","WorkflowStateTooltipIcon","WorkflowStateTooltipContent","WorkflowStateTooltip","useWorkflowState"],"mappings":";;;;;;AAaA,MAAMA,+BAA+BC,SAAS,CAACC;IAC3C,MAAM,EAAEC,SAAS,EAAEC,IAAI,EAAE,GAAGF;IAC5B,MAAM,EAAEG,KAAK,EAAE,GAAGF,UAAU,EAAE;IAC9B,IAAI,CAACE,OACD,OAAO;IAEX,OAAO,WAAP,GACI,oBAACC,SAAOA;QACJ,uBACI,oBAAC,4BACG,oBAACC,QAAMA;YACH,SAAS;YACT,oBACI,oBAACC,eAAQA;gBACL,OAAO;gBACP,MAAM;gBACN,MAAMJ,OAAO,WAAPA,GAAO,oBAACA,MAAAA,QAAAA,WAAAA,GAAU,oBAACK,gBAAwBA;;;QAMrE,uBAAS,oBAACC,6BAA2BA;YAAC,OAAOL;YAAO,WAAWF;;QAC/D,OAAM;QACN,MAAK;QACL,OAAO;QACP,OAAO;;AAGnB;AAMO,MAAMQ,uBAAuB,CAACT;IACjC,MAAM,EAAEC,SAAS,EAAE,GAAGS;IAEtB,OAAO,WAAP,GAAO,oBAACZ,8BAA4BA;QAAC,WAAWG;QAAW,MAAMD,MAAM,IAAI;;AAC/E"}

package/Components/WorkflowState/Tooltip/WorkflowStateTooltipContent.js

@@ -1,42 +1,36 @@
-import React, { Fragment, useCallback } from "react";
+import react, { Fragment, useCallback } from "react";
 import { Grid, Tag } from "@webiny/admin-ui";
 import { WorkflowStateTooltipContentComment } from "./WorkflowStateTooltipContentComment.js";
 import { TagState } from "../../Common/TagState.js";
-export const WorkflowStateTooltipContent = props => {
-  const {
-    state,
-    presenter
-  } = props;
-  const createShowComment = useCallback(step => {
-    return () => {
-      presenter.showCommentDialog(step.id);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: "w-[350px] text-sm",
-    gap: "small"
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement("strong", null, "Workflow progress")), state.steps.map(step => {
-    return /*#__PURE__*/React.createElement(Fragment, {
-      key: `step-${step.id}`
-    }, /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 4
-    }, /*#__PURE__*/React.createElement(Tag, {
-      swatchColor: step.color,
-      content: step.title,
-      variant: "neutral-light"
-    })), /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 4
-    }, /*#__PURE__*/React.createElement(TagState, {
-      state: step.state
-    })), /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 4
-    }, /*#__PURE__*/React.createElement(WorkflowStateTooltipContentComment, {
-      showComment: createShowComment(step),
-      step: step
-    })));
-  })));
+const WorkflowStateTooltipContent = (props)=>{
+    const { state, presenter } = props;
+    const createShowComment = useCallback((step)=>()=>{
+            presenter.showCommentDialog(step.id);
+        }, []);
+    return /*#__PURE__*/ react.createElement(Grid, {
+        className: "w-[350px] text-sm",
+        gap: "small"
+    }, /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement("strong", null, "Workflow progress")), state.steps.map((step)=>/*#__PURE__*/ react.createElement(Fragment, {
+            key: `step-${step.id}`
+        }, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 4
+        }, /*#__PURE__*/ react.createElement(Tag, {
+            swatchColor: step.color,
+            content: step.title,
+            variant: "neutral-light"
+        })), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 4
+        }, /*#__PURE__*/ react.createElement(TagState, {
+            state: step.state
+        })), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 4
+        }, /*#__PURE__*/ react.createElement(WorkflowStateTooltipContentComment, {
+            showComment: createShowComment(step),
+            step: step
+        }))))));
 };
+export { WorkflowStateTooltipContent };
 
 //# sourceMappingURL=WorkflowStateTooltipContent.js.map

package/Components/WorkflowState/Tooltip/WorkflowStateTooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Fragment","useCallback","Grid","Tag","WorkflowStateTooltipContentComment","TagState","WorkflowStateTooltipContent","props","state","presenter","createShowComment","step","showCommentDialog","id","createElement","className","gap","Column","span","steps","map","key","swatchColor","color","content","title","variant","showComment"],"sources":["WorkflowStateTooltipContent.tsx"],"sourcesContent":["import React, { Fragment, useCallback } from \"react\";\nimport { Grid, Tag } from \"@webiny/admin-ui\";\nimport { WorkflowStateTooltipContentComment } from \"./WorkflowStateTooltipContentComment.js\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\nimport { TagState } from \"~/Components/Common/TagState.js\";\nimport type { IWorkflowState, IWorkflowStateStep } from \"~/types.js\";\n\ninterface IWorkflowStateTooltipButtonProps {\n    presenter: IWorkflowStatePresenter;\n    state: IWorkflowState;\n}\n\nexport const WorkflowStateTooltipContent = (props: IWorkflowStateTooltipButtonProps) => {\n    const { state, presenter } = props;\n\n    const createShowComment = useCallback((step: Pick<IWorkflowStateStep, \"id\">) => {\n        return () => {\n            presenter.showCommentDialog(step.id);\n        };\n    }, []);\n    return (\n        <Grid className={\"w-[350px] text-sm\"} gap={\"small\"}>\n            <>\n                <Grid.Column span={12}>\n                    <strong>Workflow progress</strong>\n                </Grid.Column>\n                {state.steps.map(step => {\n                    return (\n                        <Fragment key={`step-${step.id}`}>\n                            <Grid.Column span={4}>\n                                <Tag\n                                    swatchColor={step.color}\n                                    content={step.title}\n                                    variant={\"neutral-light\"}\n                                />\n                            </Grid.Column>\n                            <Grid.Column span={4}>\n                                <TagState state={step.state} />\n                            </Grid.Column>\n                            <Grid.Column span={4}>\n                                <WorkflowStateTooltipContentComment\n                                    showComment={createShowComment(step)}\n                                    step={step}\n                                />\n                            </Grid.Column>\n                        </Fragment>\n                    );\n                })}\n            </>\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AACpD,SAASC,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AAC5C,SAASC,kCAAkC;AAE3C,SAASC,QAAQ;AAQjB,OAAO,MAAMC,2BAA2B,GAAIC,KAAuC,IAAK;EACpF,MAAM;IAAEC,KAAK;IAAEC;EAAU,CAAC,GAAGF,KAAK;EAElC,MAAMG,iBAAiB,GAAGT,WAAW,CAAEU,IAAoC,IAAK;IAC5E,OAAO,MAAM;MACTF,SAAS,CAACG,iBAAiB,CAACD,IAAI,CAACE,EAAE,CAAC;IACxC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EACN,oBACId,KAAA,CAAAe,aAAA,CAACZ,IAAI;IAACa,SAAS,EAAE,mBAAoB;IAACC,GAAG,EAAE;EAAQ,gBAC/CjB,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAC,QAAA,qBACID,KAAA,CAAAe,aAAA,CAACZ,IAAI,CAACe,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBnB,KAAA,CAAAe,aAAA,iBAAQ,mBAAyB,CACxB,CAAC,EACbN,KAAK,CAACW,KAAK,CAACC,GAAG,CAACT,IAAI,IAAI;IACrB,oBACIZ,KAAA,CAAAe,aAAA,CAACd,QAAQ;MAACqB,GAAG,EAAE,QAAQV,IAAI,CAACE,EAAE;IAAG,gBAC7Bd,KAAA,CAAAe,aAAA,CAACZ,IAAI,CAACe,MAAM;MAACC,IAAI,EAAE;IAAE,gBACjBnB,KAAA,CAAAe,aAAA,CAACX,GAAG;MACAmB,WAAW,EAAEX,IAAI,CAACY,KAAM;MACxBC,OAAO,EAAEb,IAAI,CAACc,KAAM;MACpBC,OAAO,EAAE;IAAgB,CAC5B,CACQ,CAAC,eACd3B,KAAA,CAAAe,aAAA,CAACZ,IAAI,CAACe,MAAM;MAACC,IAAI,EAAE;IAAE,gBACjBnB,KAAA,CAAAe,aAAA,CAACT,QAAQ;MAACG,KAAK,EAAEG,IAAI,CAACH;IAAM,CAAE,CACrB,CAAC,eACdT,KAAA,CAAAe,aAAA,CAACZ,IAAI,CAACe,MAAM;MAACC,IAAI,EAAE;IAAE,gBACjBnB,KAAA,CAAAe,aAAA,CAACV,kCAAkC;MAC/BuB,WAAW,EAAEjB,iBAAiB,CAACC,IAAI,CAAE;MACrCA,IAAI,EAAEA;IAAK,CACd,CACQ,CACP,CAAC;EAEnB,CAAC,CACH,CACA,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowState/Tooltip/WorkflowStateTooltipContent.js","sources":["../../../../src/Components/WorkflowState/Tooltip/WorkflowStateTooltipContent.tsx"],"sourcesContent":["import React, { Fragment, useCallback } from \"react\";\nimport { Grid, Tag } from \"@webiny/admin-ui\";\nimport { WorkflowStateTooltipContentComment } from \"./WorkflowStateTooltipContentComment.js\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\nimport { TagState } from \"~/Components/Common/TagState.js\";\nimport type { IWorkflowState, IWorkflowStateStep } from \"~/types.js\";\n\ninterface IWorkflowStateTooltipButtonProps {\n    presenter: IWorkflowStatePresenter;\n    state: IWorkflowState;\n}\n\nexport const WorkflowStateTooltipContent = (props: IWorkflowStateTooltipButtonProps) => {\n    const { state, presenter } = props;\n\n    const createShowComment = useCallback((step: Pick<IWorkflowStateStep, \"id\">) => {\n        return () => {\n            presenter.showCommentDialog(step.id);\n        };\n    }, []);\n    return (\n        <Grid className={\"w-[350px] text-sm\"} gap={\"small\"}>\n            <>\n                <Grid.Column span={12}>\n                    <strong>Workflow progress</strong>\n                </Grid.Column>\n                {state.steps.map(step => {\n                    return (\n                        <Fragment key={`step-${step.id}`}>\n                            <Grid.Column span={4}>\n                                <Tag\n                                    swatchColor={step.color}\n                                    content={step.title}\n                                    variant={\"neutral-light\"}\n                                />\n                            </Grid.Column>\n                            <Grid.Column span={4}>\n                                <TagState state={step.state} />\n                            </Grid.Column>\n                            <Grid.Column span={4}>\n                                <WorkflowStateTooltipContentComment\n                                    showComment={createShowComment(step)}\n                                    step={step}\n                                />\n                            </Grid.Column>\n                        </Fragment>\n                    );\n                })}\n            </>\n        </Grid>\n    );\n};\n"],"names":["WorkflowStateTooltipContent","props","state","presenter","createShowComment","useCallback","step","Grid","Fragment","Tag","TagState","WorkflowStateTooltipContentComment"],"mappings":";;;;AAYO,MAAMA,8BAA8B,CAACC;IACxC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAE,GAAGF;IAE7B,MAAMG,oBAAoBC,YAAY,CAACC,OAC5B;YACHH,UAAU,iBAAiB,CAACG,KAAK,EAAE;QACvC,GACD,EAAE;IACL,OAAO,WAAP,GACI,oBAACC,MAAIA;QAAC,WAAW;QAAqB,KAAK;qBACvC,wDACI,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC,gBAAO,uBAEXL,MAAM,KAAK,CAAC,GAAG,CAACI,CAAAA,OACN,WAAP,GACI,oBAACE,UAAQA;YAAC,KAAK,CAAC,KAAK,EAAEF,KAAK,EAAE,EAAE;yBAC5B,oBAACC,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACE,KAAGA;YACA,aAAaH,KAAK,KAAK;YACvB,SAASA,KAAK,KAAK;YACnB,SAAS;2BAGjB,oBAACC,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACG,UAAQA;YAAC,OAAOJ,KAAK,KAAK;2BAE/B,oBAACC,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACI,oCAAkCA;YAC/B,aAAaP,kBAAkBE;YAC/B,MAAMA;;AAS1C"}