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

package/Components/WorkflowState/Tooltip/WorkflowStateTooltipContentComment.js

@@ -1,26 +1,22 @@
-import React from "react";
-import { ReactComponent as CommentIcon } from "@webiny/icons/comment.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/comment.svg";
 import { Icon, Tag } from "@webiny/admin-ui";
 import { observer } from "mobx-react-lite";
-export const WorkflowStateTooltipContentComment = observer(props => {
-  const {
-    step,
-    showComment
-  } = props;
-  if (!step.comment) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Tag, {
-    onClick: showComment,
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      size: "xs",
-      icon: /*#__PURE__*/React.createElement(CommentIcon, null),
-      label: "Comments",
-      color: "neutral-strong"
-    }),
-    content: /*#__PURE__*/React.createElement(React.Fragment, null, "Comments"),
-    variant: "neutral-light"
-  });
+const WorkflowStateTooltipContentComment = observer((props)=>{
+    const { step, showComment } = props;
+    if (!step.comment) return null;
+    return /*#__PURE__*/ react.createElement(Tag, {
+        onClick: showComment,
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            size: "xs",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Comments",
+            color: "neutral-strong"
+        }),
+        content: /*#__PURE__*/ react.createElement(react.Fragment, null, "Comments"),
+        variant: "neutral-light"
+    });
 });
+export { WorkflowStateTooltipContentComment };
 
 //# sourceMappingURL=WorkflowStateTooltipContentComment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","CommentIcon","Icon","Tag","observer","WorkflowStateTooltipContentComment","props","step","showComment","comment","createElement","onClick","icon","size","label","color","content","Fragment","variant"],"sources":["WorkflowStateTooltipContentComment.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CommentIcon } from \"@webiny/icons/comment.svg\";\nimport { Icon, Tag } from \"@webiny/admin-ui\";\nimport type { IWorkflowStateStep } from \"~/types.js\";\nimport { observer } from \"mobx-react-lite\";\n\ninterface IWorkflowStateTooltipContentCommentProps {\n    showComment: () => void;\n    step: IWorkflowStateStep;\n}\n\nexport const WorkflowStateTooltipContentComment = observer(\n    (props: IWorkflowStateTooltipContentCommentProps) => {\n        const { step, showComment } = props;\n        if (!step.comment) {\n            return null;\n        }\n        return (\n            <Tag\n                onClick={showComment}\n                icon={\n                    <Icon\n                        size={\"xs\"}\n                        icon={<CommentIcon />}\n                        label={\"Comments\"}\n                        color={\"neutral-strong\"}\n                    />\n                }\n                content={<>Comments</>}\n                variant={\"neutral-light\"}\n            />\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,WAAW,QAAQ,2BAA2B;AACzE,SAASC,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AAE5C,SAASC,QAAQ,QAAQ,iBAAiB;AAO1C,OAAO,MAAMC,kCAAkC,GAAGD,QAAQ,CACrDE,KAA+C,IAAK;EACjD,MAAM;IAAEC,IAAI;IAAEC;EAAY,CAAC,GAAGF,KAAK;EACnC,IAAI,CAACC,IAAI,CAACE,OAAO,EAAE;IACf,OAAO,IAAI;EACf;EACA,oBACIV,KAAA,CAAAW,aAAA,CAACP,GAAG;IACAQ,OAAO,EAAEH,WAAY;IACrBI,IAAI,eACAb,KAAA,CAAAW,aAAA,CAACR,IAAI;MACDW,IAAI,EAAE,IAAK;MACXD,IAAI,eAAEb,KAAA,CAAAW,aAAA,CAACT,WAAW,MAAE,CAAE;MACtBa,KAAK,EAAE,UAAW;MAClBC,KAAK,EAAE;IAAiB,CAC3B,CACJ;IACDC,OAAO,eAAEjB,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAkB,QAAA,QAAE,UAAU,CAAE;IACvBC,OAAO,EAAE;EAAgB,CAC5B,CAAC;AAEV,CACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowState/Tooltip/WorkflowStateTooltipContentComment.js","sources":["../../../../src/Components/WorkflowState/Tooltip/WorkflowStateTooltipContentComment.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CommentIcon } from \"@webiny/icons/comment.svg\";\nimport { Icon, Tag } from \"@webiny/admin-ui\";\nimport type { IWorkflowStateStep } from \"~/types.js\";\nimport { observer } from \"mobx-react-lite\";\n\ninterface IWorkflowStateTooltipContentCommentProps {\n    showComment: () => void;\n    step: IWorkflowStateStep;\n}\n\nexport const WorkflowStateTooltipContentComment = observer(\n    (props: IWorkflowStateTooltipContentCommentProps) => {\n        const { step, showComment } = props;\n        if (!step.comment) {\n            return null;\n        }\n        return (\n            <Tag\n                onClick={showComment}\n                icon={\n                    <Icon\n                        size={\"xs\"}\n                        icon={<CommentIcon />}\n                        label={\"Comments\"}\n                        color={\"neutral-strong\"}\n                    />\n                }\n                content={<>Comments</>}\n                variant={\"neutral-light\"}\n            />\n        );\n    }\n);\n"],"names":["WorkflowStateTooltipContentComment","observer","props","step","showComment","Tag","Icon","CommentIcon"],"mappings":";;;;AAWO,MAAMA,qCAAqCC,SAC9C,CAACC;IACG,MAAM,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGF;IAC9B,IAAI,CAACC,KAAK,OAAO,EACb,OAAO;IAEX,OAAO,WAAP,GACI,oBAACE,KAAGA;QACA,SAASD;QACT,oBACI,oBAACE,MAAIA;YACD,MAAM;YACN,oBAAM,oBAACC,gBAAWA;YAClB,OAAO;YACP,OAAO;;QAGf,uBAAS,0CAAE;QACX,SAAS;;AAGrB"}

package/Components/WorkflowState/WorkflowStateProvider.d.ts

@@ -9,6 +9,7 @@ export interface IWorkflowStateProps {
     client: ApolloClient<object>;
     children: React.ReactElement | React.ReactElement[];
     title: string;
+    disabled?: boolean;
 }
 export interface IWorkflowStateContext {
     presenter: IWorkflowStatePresenter;

package/Components/WorkflowState/WorkflowStateProvider.js

@@ -1,44 +1,45 @@
-import React, { useMemo } from "react";
-import { WorkflowsGateway, WorkflowStateGateway } from "../../Gateways/index.js";
-import { WorkflowsRepository, WorkflowStateRepository } from "../../Repositories/index.js";
+import react, { useMemo } from "react";
+import { WorkflowStateGateway, WorkflowsGateway } from "../../Gateways/index.js";
+import { WorkflowStateRepository, WorkflowsRepository } from "../../Repositories/index.js";
 import { WorkflowStatePresenter } from "../../Presenters/index.js";
-export const WorkflowStateContext = /*#__PURE__*/React.createContext(null);
-export const WorkflowStateProvider = props => {
-  const {
-    id,
-    app,
-    identity,
-    client,
-    children,
-    title
-  } = props;
-  const presenter = useMemo(() => {
-    const gateway = new WorkflowStateGateway({
-      client
-    });
-    const repository = new WorkflowStateRepository({
-      gateway
-    });
-    const workflowsGateway = new WorkflowsGateway({
-      client
-    });
-    const workflowsRepository = new WorkflowsRepository({
-      gateway: workflowsGateway
-    });
-    return new WorkflowStatePresenter({
-      app,
-      targetRevisionId: id,
-      identity,
-      repository,
-      workflowsRepository,
-      title
-    });
-  }, [app, id, identity.id, title]);
-  return /*#__PURE__*/React.createElement(WorkflowStateContext.Provider, {
-    value: {
-      presenter
-    }
-  }, children);
+const WorkflowStateContext = /*#__PURE__*/ react.createContext(null);
+const WorkflowStateProvider = (props)=>{
+    const { client, children } = props;
+    const presenter = useMemo(()=>{
+        const gateway = new WorkflowStateGateway({
+            client
+        });
+        const repository = new WorkflowStateRepository({
+            gateway
+        });
+        const workflowsGateway = new WorkflowsGateway({
+            client
+        });
+        const workflowsRepository = new WorkflowsRepository({
+            gateway: workflowsGateway
+        });
+        return new WorkflowStatePresenter({
+            app: props.app,
+            targetRevisionId: props.id,
+            identity: props.identity,
+            repository,
+            workflowsRepository,
+            title: props.title,
+            disabled: props.disabled || false
+        });
+    }, [
+        props.id,
+        props.identity,
+        props.title,
+        props.disabled,
+        props.app
+    ]);
+    return /*#__PURE__*/ react.createElement(WorkflowStateContext.Provider, {
+        value: {
+            presenter
+        }
+    }, children);
 };
+export { WorkflowStateContext, WorkflowStateProvider };
 
 //# sourceMappingURL=WorkflowStateProvider.js.map

package/Components/WorkflowState/WorkflowStateProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","WorkflowsGateway","WorkflowStateGateway","WorkflowsRepository","WorkflowStateRepository","WorkflowStatePresenter","WorkflowStateContext","createContext","WorkflowStateProvider","props","id","app","identity","client","children","title","presenter","gateway","repository","workflowsGateway","workflowsRepository","targetRevisionId","createElement","Provider","value"],"sources":["WorkflowStateProvider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { WorkflowsGateway, WorkflowStateGateway } from \"~/Gateways/index.js\";\nimport { WorkflowsRepository, WorkflowStateRepository } from \"~/Repositories/index.js\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\nimport { WorkflowStatePresenter } from \"~/Presenters/index.js\";\nimport type { IIdentity } from \"~/types.js\";\nimport type ApolloClient from \"apollo-client\";\n\nexport interface IWorkflowStateProps {\n    id: string;\n    app: string;\n    identity: IIdentity;\n    client: ApolloClient<object>;\n    children: React.ReactElement | React.ReactElement[];\n    title: string;\n}\n\nexport interface IWorkflowStateContext {\n    presenter: IWorkflowStatePresenter;\n}\n\nexport const WorkflowStateContext = React.createContext<IWorkflowStateContext | null>(null);\n\nexport const WorkflowStateProvider = (props: IWorkflowStateProps) => {\n    const { id, app, identity, client, children, title } = props;\n    const presenter = useMemo(() => {\n        const gateway = new WorkflowStateGateway({\n            client\n        });\n        const repository = new WorkflowStateRepository({\n            gateway\n        });\n        const workflowsGateway = new WorkflowsGateway({\n            client\n        });\n        const workflowsRepository = new WorkflowsRepository({\n            gateway: workflowsGateway\n        });\n        return new WorkflowStatePresenter({\n            app,\n            targetRevisionId: id,\n            identity,\n            repository,\n            workflowsRepository,\n            title\n        });\n    }, [app, id, identity.id, title]);\n\n    return (\n        <WorkflowStateContext.Provider value={{ presenter }}>\n            {children}\n        </WorkflowStateContext.Provider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,gBAAgB,EAAEC,oBAAoB;AAC/C,SAASC,mBAAmB,EAAEC,uBAAuB;AAErD,SAASC,sBAAsB;AAiB/B,OAAO,MAAMC,oBAAoB,gBAAGP,KAAK,CAACQ,aAAa,CAA+B,IAAI,CAAC;AAE3F,OAAO,MAAMC,qBAAqB,GAAIC,KAA0B,IAAK;EACjE,MAAM;IAAEC,EAAE;IAAEC,GAAG;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGN,KAAK;EAC5D,MAAMO,SAAS,GAAGhB,OAAO,CAAC,MAAM;IAC5B,MAAMiB,OAAO,GAAG,IAAIf,oBAAoB,CAAC;MACrCW;IACJ,CAAC,CAAC;IACF,MAAMK,UAAU,GAAG,IAAId,uBAAuB,CAAC;MAC3Ca;IACJ,CAAC,CAAC;IACF,MAAME,gBAAgB,GAAG,IAAIlB,gBAAgB,CAAC;MAC1CY;IACJ,CAAC,CAAC;IACF,MAAMO,mBAAmB,GAAG,IAAIjB,mBAAmB,CAAC;MAChDc,OAAO,EAAEE;IACb,CAAC,CAAC;IACF,OAAO,IAAId,sBAAsB,CAAC;MAC9BM,GAAG;MACHU,gBAAgB,EAAEX,EAAE;MACpBE,QAAQ;MACRM,UAAU;MACVE,mBAAmB;MACnBL;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACJ,GAAG,EAAED,EAAE,EAAEE,QAAQ,CAACF,EAAE,EAAEK,KAAK,CAAC,CAAC;EAEjC,oBACIhB,KAAA,CAAAuB,aAAA,CAAChB,oBAAoB,CAACiB,QAAQ;IAACC,KAAK,EAAE;MAAER;IAAU;EAAE,GAC/CF,QAC0B,CAAC;AAExC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowState/WorkflowStateProvider.js","sources":["../../../src/Components/WorkflowState/WorkflowStateProvider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { WorkflowsGateway, WorkflowStateGateway } from \"~/Gateways/index.js\";\nimport { WorkflowsRepository, WorkflowStateRepository } from \"~/Repositories/index.js\";\nimport type { IWorkflowStatePresenter } from \"~/Presenters/index.js\";\nimport { WorkflowStatePresenter } from \"~/Presenters/index.js\";\nimport type { IIdentity } from \"~/types.js\";\nimport type ApolloClient from \"apollo-client\";\n\nexport interface IWorkflowStateProps {\n    id: string;\n    app: string;\n    identity: IIdentity;\n    client: ApolloClient<object>;\n    children: React.ReactElement | React.ReactElement[];\n    title: string;\n    disabled?: boolean;\n}\n\nexport interface IWorkflowStateContext {\n    presenter: IWorkflowStatePresenter;\n}\n\nexport const WorkflowStateContext = React.createContext<IWorkflowStateContext | null>(null);\n\nexport const WorkflowStateProvider = (props: IWorkflowStateProps) => {\n    const { client, children } = props;\n    const presenter = useMemo(() => {\n        const gateway = new WorkflowStateGateway({\n            client\n        });\n        const repository = new WorkflowStateRepository({\n            gateway\n        });\n        const workflowsGateway = new WorkflowsGateway({\n            client\n        });\n        const workflowsRepository = new WorkflowsRepository({\n            gateway: workflowsGateway\n        });\n        return new WorkflowStatePresenter({\n            app: props.app,\n            targetRevisionId: props.id,\n            identity: props.identity,\n            repository,\n            workflowsRepository,\n            title: props.title,\n            disabled: props.disabled || false\n        });\n    }, [props.id, props.identity, props.title, props.disabled, props.app]);\n\n    return (\n        <WorkflowStateContext.Provider value={{ presenter }}>\n            {children}\n        </WorkflowStateContext.Provider>\n    );\n};\n"],"names":["WorkflowStateContext","React","WorkflowStateProvider","props","client","children","presenter","useMemo","gateway","WorkflowStateGateway","repository","WorkflowStateRepository","workflowsGateway","WorkflowsGateway","workflowsRepository","WorkflowsRepository","WorkflowStatePresenter"],"mappings":";;;;AAsBO,MAAMA,uBAAuB,WAAHA,GAAGC,MAAAA,aAAmB,CAA+B;AAE/E,MAAMC,wBAAwB,CAACC;IAClC,MAAM,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGF;IAC7B,MAAMG,YAAYC,QAAQ;QACtB,MAAMC,UAAU,IAAIC,qBAAqB;YACrCL;QACJ;QACA,MAAMM,aAAa,IAAIC,wBAAwB;YAC3CH;QACJ;QACA,MAAMI,mBAAmB,IAAIC,iBAAiB;YAC1CT;QACJ;QACA,MAAMU,sBAAsB,IAAIC,oBAAoB;YAChD,SAASH;QACb;QACA,OAAO,IAAII,uBAAuB;YAC9B,KAAKb,MAAM,GAAG;YACd,kBAAkBA,MAAM,EAAE;YAC1B,UAAUA,MAAM,QAAQ;YACxBO;YACAI;YACA,OAAOX,MAAM,KAAK;YAClB,UAAUA,MAAM,QAAQ,IAAI;QAChC;IACJ,GAAG;QAACA,MAAM,EAAE;QAAEA,MAAM,QAAQ;QAAEA,MAAM,KAAK;QAAEA,MAAM,QAAQ;QAAEA,MAAM,GAAG;KAAC;IAErE,OAAO,WAAP,GACI,oBAACH,qBAAqB,QAAQ;QAAC,OAAO;YAAEM;QAAU;OAC7CD;AAGb"}

package/Components/WorkflowState/index.js

@@ -3,5 +3,3 @@ export * from "./WorkflowStateProvider.js";
 export * from "./Bar/WorkflowStateBar.js";
 export * from "./Overlay/WorkflowStateOverlay.js";
 export * from "./Tooltip/WorkflowStateTooltip.js";
-
-//# sourceMappingURL=index.js.map

package/Components/WorkflowState/useWorkflowState.js

@@ -1,11 +1,10 @@
 import { useContext } from "react";
 import { WorkflowStateContext } from "./WorkflowStateProvider.js";
-export const useWorkflowState = () => {
-  const context = useContext(WorkflowStateContext);
-  if (!context) {
-    throw new Error("useWorkflowState must be used within a WorkflowStateContext");
-  }
-  return context;
+const useWorkflowState = ()=>{
+    const context = useContext(WorkflowStateContext);
+    if (!context) throw new Error("useWorkflowState must be used within a WorkflowStateContext");
+    return context;
 };
+export { useWorkflowState };
 
 //# sourceMappingURL=useWorkflowState.js.map

package/Components/WorkflowState/useWorkflowState.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","WorkflowStateContext","useWorkflowState","context","Error"],"sources":["useWorkflowState.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { WorkflowStateContext } from \"./WorkflowStateProvider.js\";\n\nexport const useWorkflowState = () => {\n    const context = useContext(WorkflowStateContext);\n    if (!context) {\n        throw new Error(\"useWorkflowState must be used within a WorkflowStateContext\");\n    }\n    return context;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,oBAAoB;AAE7B,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAMC,OAAO,GAAGH,UAAU,CAACC,oBAAoB,CAAC;EAChD,IAAI,CAACE,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,6DAA6D,CAAC;EAClF;EACA,OAAOD,OAAO;AAClB,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowState/useWorkflowState.js","sources":["../../../src/Components/WorkflowState/useWorkflowState.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { WorkflowStateContext } from \"./WorkflowStateProvider.js\";\n\nexport const useWorkflowState = () => {\n    const context = useContext(WorkflowStateContext);\n    if (!context) {\n        throw new Error(\"useWorkflowState must be used within a WorkflowStateContext\");\n    }\n    return context;\n};\n"],"names":["useWorkflowState","context","useContext","WorkflowStateContext","Error"],"mappings":";;AAGO,MAAMA,mBAAmB;IAC5B,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,MAAM,IAAIG,MAAM;IAEpB,OAAOH;AACX"}

package/Components/WorkflowStateDialogs/ApproveDialog.js

@@ -1,48 +1,47 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import { Dialog, Grid, Icon, OverlayLoader, Textarea } from "@webiny/admin-ui";
-import { ReactComponent as ApproveIcon } from "@webiny/icons/check.svg";
-export const ApproveDialog = props => {
-  const {
-    onApprove,
-    hide,
-    loading,
-    title
-  } = props;
-  const [comment, setComment] = React.useState("");
-  const onConfirm = useCallback(() => {
-    onApprove(comment);
-  }, [onApprove, comment]);
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: true,
-    onOpenChange: hide,
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-      label: "Approve Content?",
-      size: "md",
-      className: "fill-success",
-      icon: /*#__PURE__*/React.createElement(ApproveIcon, null)
-    }), "Approve Content?"),
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, {
-      onClick: hide
-    }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
-      text: "Approve content",
-      onClick: onConfirm
-    })),
-    showCloseButton: true,
-    dismissible: true
-  }, loading ? /*#__PURE__*/React.createElement(OverlayLoader, {
-    size: "sm",
-    variant: "accent",
-    indeterminate: true
-  }) : null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, "You are about to approve the ", /*#__PURE__*/React.createElement("strong", null, title), ". Authors and responsible reviewers will be notified."), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Textarea, {
-    description: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("strong", null, "Add a comment"), " (optional)"),
-    required: true,
-    value: comment,
-    onChange: setComment
-  }))));
+import { ReactComponent } from "@webiny/icons/check.svg";
+const ApproveDialog = (props)=>{
+    const { onApprove, hide, loading, title } = props;
+    const [comment, setComment] = react.useState("");
+    const onConfirm = useCallback(()=>{
+        onApprove(comment);
+    }, [
+        onApprove,
+        comment
+    ]);
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: true,
+        onOpenChange: hide,
+        title: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Icon, {
+            label: "Approve Content?",
+            size: "md",
+            className: "fill-success",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        }), "Approve Content?"),
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            onClick: hide
+        }), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            text: "Approve content",
+            onClick: onConfirm
+        })),
+        showCloseButton: true,
+        dismissible: true
+    }, loading ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        size: "sm",
+        variant: "accent",
+        indeterminate: true
+    }) : null, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, "You are about to approve the ", /*#__PURE__*/ react.createElement("strong", null, title), ". Authors and responsible reviewers will be notified."), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Textarea, {
+        description: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("strong", null, "Add a comment"), " (optional)"),
+        required: true,
+        value: comment,
+        onChange: setComment
+    }))));
 };
+export { ApproveDialog };
 
 //# sourceMappingURL=ApproveDialog.js.map

package/Components/WorkflowStateDialogs/ApproveDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Dialog","Grid","Icon","OverlayLoader","Textarea","ReactComponent","ApproveIcon","ApproveDialog","props","onApprove","hide","loading","title","comment","setComment","useState","onConfirm","createElement","open","onOpenChange","Fragment","label","size","className","icon","actions","CancelAction","onClick","ConfirmAction","text","showCloseButton","dismissible","variant","indeterminate","Column","span","description","required","value","onChange"],"sources":["ApproveDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Dialog, Grid, Icon, OverlayLoader, Textarea } from \"@webiny/admin-ui\";\nimport { ReactComponent as ApproveIcon } from \"@webiny/icons/check.svg\";\n\ninterface IApproveDialogProps {\n    onApprove(comment?: string): void;\n    hide(): void;\n    loading: boolean;\n    title: string;\n}\n\nexport const ApproveDialog = (props: IApproveDialogProps) => {\n    const { onApprove, hide, loading, title } = props;\n\n    const [comment, setComment] = React.useState<string>(\"\");\n\n    const onConfirm = useCallback(() => {\n        onApprove(comment);\n    }, [onApprove, comment]);\n    return (\n        <Dialog\n            open={true}\n            onOpenChange={hide}\n            title={\n                <>\n                    <Icon\n                        label={\"Approve Content?\"}\n                        size={\"md\"}\n                        className={\"fill-success\"}\n                        icon={<ApproveIcon />}\n                    />\n                    Approve Content?\n                </>\n            }\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={hide} />\n                    <Dialog.ConfirmAction text={\"Approve content\"} onClick={onConfirm} />\n                </>\n            }\n            showCloseButton={true}\n            dismissible={true}\n        >\n            {loading ? <OverlayLoader size=\"sm\" variant=\"accent\" indeterminate={true} /> : null}\n            <Grid>\n                <Grid.Column span={12}>\n                    You are about to approve the <strong>{title}</strong>. Authors and responsible\n                    reviewers will be notified.\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Textarea\n                        description={\n                            <>\n                                <strong>Add a comment</strong> (optional)\n                            </>\n                        }\n                        required={true}\n                        value={comment}\n                        onChange={setComment}\n                    />\n                </Grid.Column>\n            </Grid>\n        </Dialog>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,aAAa,EAAEC,QAAQ,QAAQ,kBAAkB;AAC9E,SAASC,cAAc,IAAIC,WAAW,QAAQ,yBAAyB;AASvE,OAAO,MAAMC,aAAa,GAAIC,KAA0B,IAAK;EACzD,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGJ,KAAK;EAEjD,MAAM,CAACK,OAAO,EAAEC,UAAU,CAAC,GAAGhB,KAAK,CAACiB,QAAQ,CAAS,EAAE,CAAC;EAExD,MAAMC,SAAS,GAAGjB,WAAW,CAAC,MAAM;IAChCU,SAAS,CAACI,OAAO,CAAC;EACtB,CAAC,EAAE,CAACJ,SAAS,EAAEI,OAAO,CAAC,CAAC;EACxB,oBACIf,KAAA,CAAAmB,aAAA,CAACjB,MAAM;IACHkB,IAAI,EAAE,IAAK;IACXC,YAAY,EAAET,IAAK;IACnBE,KAAK,eACDd,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAsB,QAAA,qBACItB,KAAA,CAAAmB,aAAA,CAACf,IAAI;MACDmB,KAAK,EAAE,kBAAmB;MAC1BC,IAAI,EAAE,IAAK;MACXC,SAAS,EAAE,cAAe;MAC1BC,IAAI,eAAE1B,KAAA,CAAAmB,aAAA,CAACX,WAAW,MAAE;IAAE,CACzB,CAAC,oBAEJ,CACL;IACDmB,OAAO,eACH3B,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAsB,QAAA,qBACItB,KAAA,CAAAmB,aAAA,CAACjB,MAAM,CAAC0B,YAAY;MAACC,OAAO,EAAEjB;IAAK,CAAE,CAAC,eACtCZ,KAAA,CAAAmB,aAAA,CAACjB,MAAM,CAAC4B,aAAa;MAACC,IAAI,EAAE,iBAAkB;MAACF,OAAO,EAAEX;IAAU,CAAE,CACtE,CACL;IACDc,eAAe,EAAE,IAAK;IACtBC,WAAW,EAAE;EAAK,GAEjBpB,OAAO,gBAAGb,KAAA,CAAAmB,aAAA,CAACd,aAAa;IAACmB,IAAI,EAAC,IAAI;IAACU,OAAO,EAAC,QAAQ;IAACC,aAAa,EAAE;EAAK,CAAE,CAAC,GAAG,IAAI,eACnFnC,KAAA,CAAAmB,aAAA,CAAChB,IAAI,qBACDH,KAAA,CAAAmB,aAAA,CAAChB,IAAI,CAACiC,MAAM;IAACC,IAAI,EAAE;EAAG,GAAC,+BACU,eAAArC,KAAA,CAAAmB,aAAA,iBAASL,KAAc,CAAC,yDAE5C,CAAC,eACdd,KAAA,CAAAmB,aAAA,CAAChB,IAAI,CAACiC,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBrC,KAAA,CAAAmB,aAAA,CAACb,QAAQ;IACLgC,WAAW,eACPtC,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAsB,QAAA,qBACItB,KAAA,CAAAmB,aAAA,iBAAQ,eAAqB,CAAC,eAChC,CACL;IACDoB,QAAQ,EAAE,IAAK;IACfC,KAAK,EAAEzB,OAAQ;IACf0B,QAAQ,EAAEzB;EAAW,CACxB,CACQ,CACX,CACF,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowStateDialogs/ApproveDialog.js","sources":["../../../src/Components/WorkflowStateDialogs/ApproveDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Dialog, Grid, Icon, OverlayLoader, Textarea } from \"@webiny/admin-ui\";\nimport { ReactComponent as ApproveIcon } from \"@webiny/icons/check.svg\";\n\ninterface IApproveDialogProps {\n    onApprove(comment?: string): void;\n    hide(): void;\n    loading: boolean;\n    title: string;\n}\n\nexport const ApproveDialog = (props: IApproveDialogProps) => {\n    const { onApprove, hide, loading, title } = props;\n\n    const [comment, setComment] = React.useState<string>(\"\");\n\n    const onConfirm = useCallback(() => {\n        onApprove(comment);\n    }, [onApprove, comment]);\n    return (\n        <Dialog\n            open={true}\n            onOpenChange={hide}\n            title={\n                <>\n                    <Icon\n                        label={\"Approve Content?\"}\n                        size={\"md\"}\n                        className={\"fill-success\"}\n                        icon={<ApproveIcon />}\n                    />\n                    Approve Content?\n                </>\n            }\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={hide} />\n                    <Dialog.ConfirmAction text={\"Approve content\"} onClick={onConfirm} />\n                </>\n            }\n            showCloseButton={true}\n            dismissible={true}\n        >\n            {loading ? <OverlayLoader size=\"sm\" variant=\"accent\" indeterminate={true} /> : null}\n            <Grid>\n                <Grid.Column span={12}>\n                    You are about to approve the <strong>{title}</strong>. Authors and responsible\n                    reviewers will be notified.\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Textarea\n                        description={\n                            <>\n                                <strong>Add a comment</strong> (optional)\n                            </>\n                        }\n                        required={true}\n                        value={comment}\n                        onChange={setComment}\n                    />\n                </Grid.Column>\n            </Grid>\n        </Dialog>\n    );\n};\n"],"names":["ApproveDialog","props","onApprove","hide","loading","title","comment","setComment","React","onConfirm","useCallback","Dialog","Icon","ApproveIcon","OverlayLoader","Grid","Textarea"],"mappings":";;;AAWO,MAAMA,gBAAgB,CAACC;IAC1B,MAAM,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGJ;IAE5C,MAAM,CAACK,SAASC,WAAW,GAAGC,MAAAA,QAAc,CAAS;IAErD,MAAMC,YAAYC,YAAY;QAC1BR,UAAUI;IACd,GAAG;QAACJ;QAAWI;KAAQ;IACvB,OAAO,WAAP,GACI,oBAACK,QAAMA;QACH,MAAM;QACN,cAAcR;QACd,qBACI,wDACI,oBAACS,MAAIA;YACD,OAAO;YACP,MAAM;YACN,WAAW;YACX,oBAAM,oBAACC,gBAAWA;YACpB;QAIV,uBACI,wDACI,oBAACF,OAAO,YAAY;YAAC,SAASR;0BAC9B,oBAACQ,OAAO,aAAa;YAAC,MAAM;YAAmB,SAASF;;QAGhE,iBAAiB;QACjB,aAAa;OAEZL,UAAU,WAAVA,GAAU,oBAACU,eAAaA;QAAC,MAAK;QAAK,SAAQ;QAAS,eAAe;SAAW,oBAC/E,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;OAAI,+CACU,oBAAC,gBAAQV,QAAe,wEAGzD,oBAACU,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,UAAQA;QACL,2BACI,wDACI,oBAAC,gBAAO,kBAAsB;QAGtC,UAAU;QACV,OAAOV;QACP,UAAUC;;AAMlC"}

package/Components/WorkflowStateDialogs/ApproveSuccessDialog.js

@@ -1,34 +1,32 @@
-import React from "react";
+import react from "react";
 import { Dialog, Grid, Icon } from "@webiny/admin-ui";
-import { ReactComponent as ApproveIcon } from "@webiny/icons/check.svg";
+import { ReactComponent } from "@webiny/icons/check.svg";
 import { YouCanTrackAllContentReviewsHere } from "../Common/index.js";
-export const ApproveSuccessDialog = props => {
-  const {
-    hide,
-    title
-  } = props;
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: true,
-    onOpenChange: hide,
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-      label: "Approved",
-      size: "md",
-      className: "fill-success",
-      icon: /*#__PURE__*/React.createElement(ApproveIcon, {
-        className: "fill-success"
-      })
-    }), title, " Approved"),
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
-      text: "Close",
-      onClick: hide
-    })),
-    showCloseButton: true,
-    dismissible: true
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement("strong", null, title), " is successfully approved. All relevant parties have been notified."), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(YouCanTrackAllContentReviewsHere, null))));
+const ApproveSuccessDialog = (props)=>{
+    const { hide, title } = props;
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: true,
+        onOpenChange: hide,
+        title: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Icon, {
+            label: "Approved",
+            size: "md",
+            className: "fill-success",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, {
+                className: "fill-success"
+            })
+        }), title, " Approved"),
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            text: "Close",
+            onClick: hide
+        })),
+        showCloseButton: true,
+        dismissible: true
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement("strong", null, title), " is successfully approved. All relevant parties have been notified."), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(YouCanTrackAllContentReviewsHere, null))));
 };
+export { ApproveSuccessDialog };
 
 //# sourceMappingURL=ApproveSuccessDialog.js.map

package/Components/WorkflowStateDialogs/ApproveSuccessDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","Grid","Icon","ReactComponent","ApproveIcon","YouCanTrackAllContentReviewsHere","ApproveSuccessDialog","props","hide","title","createElement","open","onOpenChange","Fragment","label","size","className","icon","actions","ConfirmAction","text","onClick","showCloseButton","dismissible","Column","span"],"sources":["ApproveSuccessDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog, Grid, Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as ApproveIcon } from \"@webiny/icons/check.svg\";\nimport { YouCanTrackAllContentReviewsHere } from \"~/Components/Common/index.js\";\n\ninterface IApproveSuccessDialogProps {\n    hide(): void;\n    title: string;\n}\n\nexport const ApproveSuccessDialog = (props: IApproveSuccessDialogProps) => {\n    const { hide, title } = props;\n\n    return (\n        <Dialog\n            open={true}\n            onOpenChange={hide}\n            title={\n                <>\n                    <Icon\n                        label={\"Approved\"}\n                        size={\"md\"}\n                        className={\"fill-success\"}\n                        icon={<ApproveIcon className={\"fill-success\"} />}\n                    />\n                    {title} Approved\n                </>\n            }\n            actions={\n                <>\n                    <Dialog.ConfirmAction text={\"Close\"} onClick={hide} />\n                </>\n            }\n            showCloseButton={true}\n            dismissible={true}\n        >\n            <Grid>\n                <Grid.Column span={12}>\n                    <strong>{title}</strong> is successfully approved. All relevant parties have\n                    been notified.\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <YouCanTrackAllContentReviewsHere />\n                </Grid.Column>\n            </Grid>\n        </Dialog>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AACrD,SAASC,cAAc,IAAIC,WAAW,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC;AAOzC,OAAO,MAAMC,oBAAoB,GAAIC,KAAiC,IAAK;EACvE,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAE7B,oBACIR,KAAA,CAAAW,aAAA,CAACV,MAAM;IACHW,IAAI,EAAE,IAAK;IACXC,YAAY,EAAEJ,IAAK;IACnBC,KAAK,eACDV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAc,QAAA,qBACId,KAAA,CAAAW,aAAA,CAACR,IAAI;MACDY,KAAK,EAAE,UAAW;MAClBC,IAAI,EAAE,IAAK;MACXC,SAAS,EAAE,cAAe;MAC1BC,IAAI,eAAElB,KAAA,CAAAW,aAAA,CAACN,WAAW;QAACY,SAAS,EAAE;MAAe,CAAE;IAAE,CACpD,CAAC,EACDP,KAAK,EAAC,WACT,CACL;IACDS,OAAO,eACHnB,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAc,QAAA,qBACId,KAAA,CAAAW,aAAA,CAACV,MAAM,CAACmB,aAAa;MAACC,IAAI,EAAE,OAAQ;MAACC,OAAO,EAAEb;IAAK,CAAE,CACvD,CACL;IACDc,eAAe,EAAE,IAAK;IACtBC,WAAW,EAAE;EAAK,gBAElBxB,KAAA,CAAAW,aAAA,CAACT,IAAI,qBACDF,KAAA,CAAAW,aAAA,CAACT,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB1B,KAAA,CAAAW,aAAA,iBAASD,KAAc,CAAC,uEAEf,CAAC,eACdV,KAAA,CAAAW,aAAA,CAACT,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB1B,KAAA,CAAAW,aAAA,CAACL,gCAAgC,MAAE,CAC1B,CACX,CACF,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowStateDialogs/ApproveSuccessDialog.js","sources":["../../../src/Components/WorkflowStateDialogs/ApproveSuccessDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog, Grid, Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as ApproveIcon } from \"@webiny/icons/check.svg\";\nimport { YouCanTrackAllContentReviewsHere } from \"~/Components/Common/index.js\";\n\ninterface IApproveSuccessDialogProps {\n    hide(): void;\n    title: string;\n}\n\nexport const ApproveSuccessDialog = (props: IApproveSuccessDialogProps) => {\n    const { hide, title } = props;\n\n    return (\n        <Dialog\n            open={true}\n            onOpenChange={hide}\n            title={\n                <>\n                    <Icon\n                        label={\"Approved\"}\n                        size={\"md\"}\n                        className={\"fill-success\"}\n                        icon={<ApproveIcon className={\"fill-success\"} />}\n                    />\n                    {title} Approved\n                </>\n            }\n            actions={\n                <>\n                    <Dialog.ConfirmAction text={\"Close\"} onClick={hide} />\n                </>\n            }\n            showCloseButton={true}\n            dismissible={true}\n        >\n            <Grid>\n                <Grid.Column span={12}>\n                    <strong>{title}</strong> is successfully approved. All relevant parties have\n                    been notified.\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <YouCanTrackAllContentReviewsHere />\n                </Grid.Column>\n            </Grid>\n        </Dialog>\n    );\n};\n"],"names":["ApproveSuccessDialog","props","hide","title","Dialog","Icon","ApproveIcon","Grid","YouCanTrackAllContentReviewsHere"],"mappings":";;;;AAUO,MAAMA,uBAAuB,CAACC;IACjC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGF;IAExB,OAAO,WAAP,GACI,oBAACG,QAAMA;QACH,MAAM;QACN,cAAcF;QACd,qBACI,wDACI,oBAACG,MAAIA;YACD,OAAO;YACP,MAAM;YACN,WAAW;YACX,oBAAM,oBAACC,gBAAWA;gBAAC,WAAW;;YAEjCH,OAAM;QAGf,uBACI,wDACI,oBAACC,OAAO,aAAa;YAAC,MAAM;YAAS,SAASF;;QAGtD,iBAAiB;QACjB,aAAa;qBAEb,oBAACK,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC,gBAAQJ,QAAe,sFAG5B,oBAACI,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,kCAAgCA;AAKrD"}

package/Components/WorkflowStateDialogs/CancelReviewDialog.js

@@ -1,36 +1,33 @@
-import React from "react";
+import react from "react";
 import { Dialog, Grid, Icon, OverlayLoader } from "@webiny/admin-ui";
-import { ReactComponent as CancelReviewIcon } from "@webiny/icons/check.svg";
-export const CancelReviewDialog = props => {
-  const {
-    onCancelReview,
-    hide,
-    loading
-  } = props;
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: true,
-    onOpenChange: hide,
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-      label: "Cancel Content Review?",
-      size: "md",
-      className: "fill-success",
-      icon: /*#__PURE__*/React.createElement(CancelReviewIcon, null)
-    }), "Cancel Content Review?"),
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, {
-      onClick: hide
-    }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
-      text: "Cancel Content Review",
-      onClick: onCancelReview
-    })),
-    showCloseButton: true,
-    dismissible: true
-  }, loading ? /*#__PURE__*/React.createElement(OverlayLoader, {
-    size: "sm",
-    variant: "accent",
-    indeterminate: true
-  }) : null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, "You are about to cancel the request to for content review.")));
+import { ReactComponent } from "@webiny/icons/check.svg";
+const CancelReviewDialog = (props)=>{
+    const { onCancelReview, hide, loading } = props;
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: true,
+        onOpenChange: hide,
+        title: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Icon, {
+            label: "Cancel Content Review?",
+            size: "md",
+            className: "fill-success",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        }), "Cancel Content Review?"),
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            onClick: hide
+        }), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            text: "Cancel Content Review",
+            onClick: onCancelReview
+        })),
+        showCloseButton: true,
+        dismissible: true
+    }, loading ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        size: "sm",
+        variant: "accent",
+        indeterminate: true
+    }) : null, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, "You are about to cancel the request to for content review.")));
 };
+export { CancelReviewDialog };
 
 //# sourceMappingURL=CancelReviewDialog.js.map

package/Components/WorkflowStateDialogs/CancelReviewDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","Grid","Icon","OverlayLoader","ReactComponent","CancelReviewIcon","CancelReviewDialog","props","onCancelReview","hide","loading","createElement","open","onOpenChange","title","Fragment","label","size","className","icon","actions","CancelAction","onClick","ConfirmAction","text","showCloseButton","dismissible","variant","indeterminate","Column","span"],"sources":["CancelReviewDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog, Grid, Icon, OverlayLoader } from \"@webiny/admin-ui\";\nimport { ReactComponent as CancelReviewIcon } from \"@webiny/icons/check.svg\";\n\ninterface ICancelReviewDialogProps {\n    onCancelReview(): void;\n    hide(): void;\n    loading: boolean;\n}\n\nexport const CancelReviewDialog = (props: ICancelReviewDialogProps) => {\n    const { onCancelReview, hide, loading } = props;\n\n    return (\n        <Dialog\n            open={true}\n            onOpenChange={hide}\n            title={\n                <>\n                    <Icon\n                        label={\"Cancel Content Review?\"}\n                        size={\"md\"}\n                        className={\"fill-success\"}\n                        icon={<CancelReviewIcon />}\n                    />\n                    Cancel Content Review?\n                </>\n            }\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={hide} />\n                    <Dialog.ConfirmAction text={\"Cancel Content Review\"} onClick={onCancelReview} />\n                </>\n            }\n            showCloseButton={true}\n            dismissible={true}\n        >\n            {loading ? <OverlayLoader size=\"sm\" variant=\"accent\" indeterminate={true} /> : null}\n            <Grid>\n                <Grid.Column span={12}>\n                    You are about to cancel the request to for content review.\n                </Grid.Column>\n            </Grid>\n        </Dialog>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,aAAa,QAAQ,kBAAkB;AACpE,SAASC,cAAc,IAAIC,gBAAgB,QAAQ,yBAAyB;AAQ5E,OAAO,MAAMC,kBAAkB,GAAIC,KAA+B,IAAK;EACnE,MAAM;IAAEC,cAAc;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGH,KAAK;EAE/C,oBACIR,KAAA,CAAAY,aAAA,CAACX,MAAM;IACHY,IAAI,EAAE,IAAK;IACXC,YAAY,EAAEJ,IAAK;IACnBK,KAAK,eACDf,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAgB,QAAA,qBACIhB,KAAA,CAAAY,aAAA,CAACT,IAAI;MACDc,KAAK,EAAE,wBAAyB;MAChCC,IAAI,EAAE,IAAK;MACXC,SAAS,EAAE,cAAe;MAC1BC,IAAI,eAAEpB,KAAA,CAAAY,aAAA,CAACN,gBAAgB,MAAE;IAAE,CAC9B,CAAC,0BAEJ,CACL;IACDe,OAAO,eACHrB,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAgB,QAAA,qBACIhB,KAAA,CAAAY,aAAA,CAACX,MAAM,CAACqB,YAAY;MAACC,OAAO,EAAEb;IAAK,CAAE,CAAC,eACtCV,KAAA,CAAAY,aAAA,CAACX,MAAM,CAACuB,aAAa;MAACC,IAAI,EAAE,uBAAwB;MAACF,OAAO,EAAEd;IAAe,CAAE,CACjF,CACL;IACDiB,eAAe,EAAE,IAAK;IACtBC,WAAW,EAAE;EAAK,GAEjBhB,OAAO,gBAAGX,KAAA,CAAAY,aAAA,CAACR,aAAa;IAACc,IAAI,EAAC,IAAI;IAACU,OAAO,EAAC,QAAQ;IAACC,aAAa,EAAE;EAAK,CAAE,CAAC,GAAG,IAAI,eACnF7B,KAAA,CAAAY,aAAA,CAACV,IAAI,qBACDF,KAAA,CAAAY,aAAA,CAACV,IAAI,CAAC4B,MAAM;IAACC,IAAI,EAAE;EAAG,GAAC,4DAEV,CACX,CACF,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowStateDialogs/CancelReviewDialog.js","sources":["../../../src/Components/WorkflowStateDialogs/CancelReviewDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog, Grid, Icon, OverlayLoader } from \"@webiny/admin-ui\";\nimport { ReactComponent as CancelReviewIcon } from \"@webiny/icons/check.svg\";\n\ninterface ICancelReviewDialogProps {\n    onCancelReview(): void;\n    hide(): void;\n    loading: boolean;\n}\n\nexport const CancelReviewDialog = (props: ICancelReviewDialogProps) => {\n    const { onCancelReview, hide, loading } = props;\n\n    return (\n        <Dialog\n            open={true}\n            onOpenChange={hide}\n            title={\n                <>\n                    <Icon\n                        label={\"Cancel Content Review?\"}\n                        size={\"md\"}\n                        className={\"fill-success\"}\n                        icon={<CancelReviewIcon />}\n                    />\n                    Cancel Content Review?\n                </>\n            }\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={hide} />\n                    <Dialog.ConfirmAction text={\"Cancel Content Review\"} onClick={onCancelReview} />\n                </>\n            }\n            showCloseButton={true}\n            dismissible={true}\n        >\n            {loading ? <OverlayLoader size=\"sm\" variant=\"accent\" indeterminate={true} /> : null}\n            <Grid>\n                <Grid.Column span={12}>\n                    You are about to cancel the request to for content review.\n                </Grid.Column>\n            </Grid>\n        </Dialog>\n    );\n};\n"],"names":["CancelReviewDialog","props","onCancelReview","hide","loading","Dialog","Icon","CancelReviewIcon","OverlayLoader","Grid"],"mappings":";;;AAUO,MAAMA,qBAAqB,CAACC;IAC/B,MAAM,EAAEC,cAAc,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGH;IAE1C,OAAO,WAAP,GACI,oBAACI,QAAMA;QACH,MAAM;QACN,cAAcF;QACd,qBACI,wDACI,oBAACG,MAAIA;YACD,OAAO;YACP,MAAM;YACN,WAAW;YACX,oBAAM,oBAACC,gBAAgBA;YACzB;QAIV,uBACI,wDACI,oBAACF,OAAO,YAAY;YAAC,SAASF;0BAC9B,oBAACE,OAAO,aAAa;YAAC,MAAM;YAAyB,SAASH;;QAGtE,iBAAiB;QACjB,aAAa;OAEZE,UAAU,WAAVA,GAAU,oBAACI,eAAaA;QAAC,MAAK;QAAK,SAAQ;QAAS,eAAe;SAAW,oBAC/E,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;OAAI;AAMvC"}

package/Components/WorkflowStateDialogs/CommentDialog.js

@@ -1,47 +1,41 @@
 import { Dialog, Grid, Icon } from "@webiny/admin-ui";
-import React from "react";
+import react from "react";
 import { WorkflowStateValue } from "../../types.js";
-import { ReactComponent as RejectIcon } from "@webiny/icons/do_not_disturb.svg";
-import { ReactComponent as ApproveIcon } from "@webiny/icons/check.svg";
-const Title = props => {
-  const {
-    step
-  } = props;
-  if (step.state === WorkflowStateValue.rejected) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-      label: `${step.title} Rejected!`,
-      size: "md",
-      className: "fill-destructive",
-      icon: /*#__PURE__*/React.createElement(RejectIcon, null)
+import { ReactComponent } from "@webiny/icons/do_not_disturb.svg";
+import { ReactComponent as check_svg_ReactComponent } from "@webiny/icons/check.svg";
+const Title = (props)=>{
+    const { step } = props;
+    if (step.state === WorkflowStateValue.rejected) return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Icon, {
+        label: `${step.title} Rejected!`,
+        size: "md",
+        className: "fill-destructive",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
     }), step.title, " Rejected!");
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-    label: `${step.title} Approved!`,
-    size: "md",
-    className: "fill-success",
-    icon: /*#__PURE__*/React.createElement(ApproveIcon, null)
-  }), step.title, " Approved!");
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Icon, {
+        label: `${step.title} Approved!`,
+        size: "md",
+        className: "fill-success",
+        icon: /*#__PURE__*/ react.createElement(check_svg_ReactComponent, null)
+    }), step.title, " Approved!");
 };
-export const CommentDialog = props => {
-  const {
-    hide,
-    step
-  } = props;
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: true,
-    onOpenChange: hide,
-    title: /*#__PURE__*/React.createElement(Title, {
-      step: step
-    }),
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
-      text: "Close",
-      onClick: hide
-    })),
-    showCloseButton: true,
-    dismissible: true
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, step.comment || "No comment provided.")));
+const CommentDialog = (props)=>{
+    const { hide, step } = props;
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: true,
+        onOpenChange: hide,
+        title: /*#__PURE__*/ react.createElement(Title, {
+            step: step
+        }),
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            text: "Close",
+            onClick: hide
+        })),
+        showCloseButton: true,
+        dismissible: true
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, step.comment || "No comment provided.")));
 };
+export { CommentDialog };
 
 //# sourceMappingURL=CommentDialog.js.map