@webiny/app-workflows 0.0.0-unstable.e622468070 → 0.0.0-unstable.e6f0dc8ca7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/Components/App/WorkflowsAdminApp.js +6 -8
  2. package/Components/App/WorkflowsAdminApp.js.map +1 -1
  3. package/Components/Common/Options/OptionItem/OpenInNewWindow.js +1 -1
  4. package/Components/Common/Options/OptionItem/OpenInNewWindow.js.map +1 -1
  5. package/Components/WorkflowState/Bar/Bars/WorkflowStateBarApproved.js +2 -1
  6. package/Components/WorkflowState/Bar/Bars/WorkflowStateBarApproved.js.map +1 -1
  7. package/Components/WorkflowState/Bar/Bars/WorkflowStateBarRejected.js +3 -2
  8. package/Components/WorkflowState/Bar/Bars/WorkflowStateBarRejected.js.map +1 -1
  9. package/Components/WorkflowState/Bar/WorkflowStateBar.d.ts +2 -1
  10. package/Components/WorkflowState/Bar/WorkflowStateBar.js +5 -3
  11. package/Components/WorkflowState/Bar/WorkflowStateBar.js.map +1 -1
  12. package/Components/WorkflowState/WorkflowStateProvider.d.ts +1 -0
  13. package/Components/WorkflowState/WorkflowStateProvider.js +7 -10
  14. package/Components/WorkflowState/WorkflowStateProvider.js.map +1 -1
  15. package/Components/WorkflowStatesWidget/Row/WorkflowStateRowDescription.js.map +1 -1
  16. package/Components/WorkflowStatesWidget/WorkflowStatesOwnWidget.js +5 -3
  17. package/Components/WorkflowStatesWidget/WorkflowStatesOwnWidget.js.map +1 -1
  18. package/Components/WorkflowStatesWidget/WorkflowStatesRequestedWidget.js +3 -1
  19. package/Components/WorkflowStatesWidget/WorkflowStatesRequestedWidget.js.map +1 -1
  20. package/Components/WorkflowsEditor/DataList/WorkflowsDataList.js +7 -7
  21. package/Components/WorkflowsEditor/DataList/WorkflowsDataList.js.map +1 -1
  22. package/Components/WorkflowsEditor/Editor/Step/Step/RemoveStep.js +1 -0
  23. package/Components/WorkflowsEditor/Editor/Step/Step/RemoveStep.js.map +1 -1
  24. package/Components/WorkflowsEditor/Editor/Step/Step.d.ts +1 -1
  25. package/Components/WorkflowsEditor/Editor/Step/Step.js +4 -8
  26. package/Components/WorkflowsEditor/Editor/Step/Step.js.map +1 -1
  27. package/Components/WorkflowsPermissions/SecurityPermissions.d.ts +2 -0
  28. package/Components/WorkflowsPermissions/SecurityPermissions.js +18 -0
  29. package/Components/WorkflowsPermissions/SecurityPermissions.js.map +1 -0
  30. package/Components/WorkflowsPermissions/index.d.ts +1 -1
  31. package/Components/WorkflowsPermissions/index.js +1 -1
  32. package/Components/WorkflowsPermissions/index.js.map +1 -1
  33. package/Presenters/WorkflowStatePresenter.d.ts +2 -0
  34. package/Presenters/WorkflowStatePresenter.js +4 -0
  35. package/Presenters/WorkflowStatePresenter.js.map +1 -1
  36. package/Presenters/WorkflowsPresenter.d.ts +1 -1
  37. package/Presenters/WorkflowsPresenter.js +4 -0
  38. package/Presenters/WorkflowsPresenter.js.map +1 -1
  39. package/domain/permissionsSchema.d.ts +6 -0
  40. package/domain/permissionsSchema.js +9 -0
  41. package/domain/permissionsSchema.js.map +1 -0
  42. package/features/permissions/abstractions.d.ts +17 -0
  43. package/features/permissions/abstractions.js +5 -0
  44. package/features/permissions/abstractions.js.map +1 -0
  45. package/features/permissions/feature.d.ts +14 -0
  46. package/features/permissions/feature.js +6 -0
  47. package/features/permissions/feature.js.map +1 -0
  48. package/package.json +23 -23
  49. package/routes.d.ts +5 -2
  50. package/Components/WorkflowsPermissions/WorkflowsPermissions.d.ts +0 -8
  51. package/Components/WorkflowsPermissions/WorkflowsPermissions.js +0 -22
  52. package/Components/WorkflowsPermissions/WorkflowsPermissions.js.map +0 -1
  53. package/Components/WorkflowsPermissions/WorkflowsPermissionsForm.d.ts +0 -8
  54. package/Components/WorkflowsPermissions/WorkflowsPermissionsForm.js +0 -61
  55. package/Components/WorkflowsPermissions/WorkflowsPermissionsForm.js.map +0 -1
  56. package/Components/WorkflowsPermissions/permissionPlugin.d.ts +0 -2
  57. package/Components/WorkflowsPermissions/permissionPlugin.js +0 -11
  58. package/Components/WorkflowsPermissions/permissionPlugin.js.map +0 -1
@@ -1,18 +1,16 @@
1
1
  import React from "react";
2
- import { Wcp } from "@webiny/app-admin";
3
- import { plugins } from "@webiny/plugins";
4
- import { workflowsPermissions } from "../WorkflowsPermissions/index.js";
2
+ import { RegisterFeature, Wcp } from "@webiny/app-admin";
3
+ import { SecurityPermissions } from "../WorkflowsPermissions/index.js";
5
4
  import { ContentReviews } from "./ContentReviews.js";
6
- const WorkflowsPermissions = () => {
7
- plugins.register([workflowsPermissions]);
8
- return null;
9
- };
5
+ import { WorkflowsPermissionsFeature } from "../../features/permissions/feature.js";
10
6
 
11
7
  /**
12
8
  * Should be registered in app-serverless-cms.
13
9
  */
14
10
  export const WorkflowsAdminApp = () => {
15
- return /*#__PURE__*/React.createElement(Wcp.CanUseWorkflows, null, /*#__PURE__*/React.createElement(WorkflowsPermissions, null), /*#__PURE__*/React.createElement(ContentReviews, null));
11
+ return /*#__PURE__*/React.createElement(Wcp.CanUseWorkflows, null, /*#__PURE__*/React.createElement(RegisterFeature, {
12
+ feature: WorkflowsPermissionsFeature
13
+ }), /*#__PURE__*/React.createElement(SecurityPermissions, null), /*#__PURE__*/React.createElement(ContentReviews, null));
16
14
  };
17
15
 
18
16
  //# sourceMappingURL=WorkflowsAdminApp.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","Wcp","plugins","workflowsPermissions","ContentReviews","WorkflowsPermissions","register","WorkflowsAdminApp","createElement","CanUseWorkflows"],"sources":["WorkflowsAdminApp.tsx"],"sourcesContent":["import React from \"react\";\nimport { Wcp } from \"@webiny/app-admin\";\nimport { plugins } from \"@webiny/plugins\";\nimport { workflowsPermissions } from \"~/Components/WorkflowsPermissions/index.js\";\nimport { ContentReviews } from \"./ContentReviews.js\";\n\nconst WorkflowsPermissions = () => {\n plugins.register([workflowsPermissions]);\n\n return null;\n};\n\n/**\n * Should be registered in app-serverless-cms.\n */\nexport const WorkflowsAdminApp = () => {\n return (\n <Wcp.CanUseWorkflows>\n <WorkflowsPermissions />\n <ContentReviews />\n </Wcp.CanUseWorkflows>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,oBAAoB;AAC7B,SAASC,cAAc;AAEvB,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EAC/BH,OAAO,CAACI,QAAQ,CAAC,CAACH,oBAAoB,CAAC,CAAC;EAExC,OAAO,IAAI;AACf,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMI,iBAAiB,GAAGA,CAAA,KAAM;EACnC,oBACIP,KAAA,CAAAQ,aAAA,CAACP,GAAG,CAACQ,eAAe,qBAChBT,KAAA,CAAAQ,aAAA,CAACH,oBAAoB,MAAE,CAAC,eACxBL,KAAA,CAAAQ,aAAA,CAACJ,cAAc,MAAE,CACA,CAAC;AAE9B,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","RegisterFeature","Wcp","SecurityPermissions","ContentReviews","WorkflowsPermissionsFeature","WorkflowsAdminApp","createElement","CanUseWorkflows","feature"],"sources":["WorkflowsAdminApp.tsx"],"sourcesContent":["import React from \"react\";\nimport { RegisterFeature, Wcp } from \"@webiny/app-admin\";\nimport { SecurityPermissions } from \"~/Components/WorkflowsPermissions/index.js\";\nimport { ContentReviews } from \"./ContentReviews.js\";\nimport { WorkflowsPermissionsFeature } from \"~/features/permissions/feature.js\";\n\n/**\n * Should be registered in app-serverless-cms.\n */\nexport const WorkflowsAdminApp = () => {\n return (\n <Wcp.CanUseWorkflows>\n <RegisterFeature feature={WorkflowsPermissionsFeature} />\n <SecurityPermissions />\n <ContentReviews />\n </Wcp.CanUseWorkflows>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,GAAG,QAAQ,mBAAmB;AACxD,SAASC,mBAAmB;AAC5B,SAASC,cAAc;AACvB,SAASC,2BAA2B;;AAEpC;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,oBACIN,KAAA,CAAAO,aAAA,CAACL,GAAG,CAACM,eAAe,qBAChBR,KAAA,CAAAO,aAAA,CAACN,eAAe;IAACQ,OAAO,EAAEJ;EAA4B,CAAE,CAAC,eACzDL,KAAA,CAAAO,aAAA,CAACJ,mBAAmB,MAAE,CAAC,eACvBH,KAAA,CAAAO,aAAA,CAACH,cAAc,MAAE,CACA,CAAC;AAE9B,CAAC","ignoreList":[]}
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { makeDecoratable } from "@webiny/admin-ui";
3
3
  export const WorkflowStateOptionsOpenInNewWindow = makeDecoratable("WorkflowStateOptionsOpenInNewWindow",
4
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
4
+ // oxlint-disable-next-line typescript/no-unused-vars
5
5
  props => {
6
6
  return /*#__PURE__*/React.createElement(React.Fragment, null, "Implement your decoration of WorkflowStateOptionsOpenInNewWindow");
7
7
  });
@@ -1 +1 @@
1
- {"version":3,"names":["React","makeDecoratable","WorkflowStateOptionsOpenInNewWindow","props","createElement","Fragment"],"sources":["OpenInNewWindow.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/admin-ui\";\nimport type { IWorkflowState } from \"~/types.js\";\n\nexport interface IWorkflowStateOptionsOpenInNewWindowProps {\n state: IWorkflowState;\n}\n\nexport const WorkflowStateOptionsOpenInNewWindow = makeDecoratable(\n \"WorkflowStateOptionsOpenInNewWindow\",\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n (props: IWorkflowStateOptionsOpenInNewWindowProps) => {\n return <>Implement your decoration of WorkflowStateOptionsOpenInNewWindow</>;\n }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,kBAAkB;AAOlD,OAAO,MAAMC,mCAAmC,GAAGD,eAAe,CAC9D,qCAAqC;AACrC;AACCE,KAAgD,IAAK;EAClD,oBAAOH,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,QAAE,kEAAkE,CAAC;AAChF,CACJ,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","makeDecoratable","WorkflowStateOptionsOpenInNewWindow","props","createElement","Fragment"],"sources":["OpenInNewWindow.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/admin-ui\";\nimport type { IWorkflowState } from \"~/types.js\";\n\nexport interface IWorkflowStateOptionsOpenInNewWindowProps {\n state: IWorkflowState;\n}\n\nexport const WorkflowStateOptionsOpenInNewWindow = makeDecoratable(\n \"WorkflowStateOptionsOpenInNewWindow\",\n // oxlint-disable-next-line typescript/no-unused-vars\n (props: IWorkflowStateOptionsOpenInNewWindowProps) => {\n return <>Implement your decoration of WorkflowStateOptionsOpenInNewWindow</>;\n }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,kBAAkB;AAOlD,OAAO,MAAMC,mCAAmC,GAAGD,eAAe,CAC9D,qCAAqC;AACrC;AACCE,KAAgD,IAAK;EAClD,oBAAOH,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,QAAE,kEAAkE,CAAC;AAChF,CACJ,CAAC","ignoreList":[]}
@@ -5,6 +5,7 @@ import React from "react";
5
5
  import { Alert } from "@webiny/admin-ui";
6
6
  import { WorkflowStateBarComponent } from "../WorkflowStateBarComponent.js";
7
7
  import { observer } from "mobx-react-lite";
8
+ import { DeveloperMode } from "@webiny/app-admin";
8
9
  import { WorkflowStateValue } from "../../../../types.js";
9
10
  export const WorkflowStateBarApproved = WorkflowStateBarComponent.createDecorator(Original => {
10
11
  return observer(function WorkflowStateBarApprovedDecorator(props) {
@@ -18,7 +19,7 @@ export const WorkflowStateBarApproved = WorkflowStateBarComponent.createDecorato
18
19
  return /*#__PURE__*/React.createElement(Alert, {
19
20
  icon: null,
20
21
  swatchColor: step.color,
21
- actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Alert.Action, {
22
+ actions: /*#__PURE__*/React.createElement(DeveloperMode, null, /*#__PURE__*/React.createElement(Alert.Action, {
22
23
  text: "Remove Review Request",
23
24
  onClick: presenter.cancel
24
25
  }))
@@ -1 +1 @@
1
- {"version":3,"names":["React","Alert","WorkflowStateBarComponent","observer","WorkflowStateValue","WorkflowStateBarApproved","createDecorator","Original","WorkflowStateBarApprovedDecorator","props","presenter","step","vm","state","approved","createElement","icon","swatchColor","color","actions","Fragment","Action","text","onClick","cancel"],"sources":["WorkflowStateBarApproved.tsx"],"sourcesContent":["/**\n * When state is approved.\n */\nimport React from \"react\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { WorkflowStateBarComponent } from \"../WorkflowStateBarComponent.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { WorkflowStateValue } from \"~/types.js\";\n\nexport const WorkflowStateBarApproved = WorkflowStateBarComponent.createDecorator(Original => {\n return observer(function WorkflowStateBarApprovedDecorator(props) {\n const { presenter } = props;\n\n const step = presenter.vm.step;\n if (presenter.vm.state?.state !== WorkflowStateValue.approved || !step) {\n return <Original {...props} />;\n }\n\n return (\n <Alert\n icon={null}\n swatchColor={step.color}\n actions={\n <>\n <Alert.Action text={\"Remove Review Request\"} onClick={presenter.cancel} />\n </>\n }\n >\n This entry was approved.\n </Alert>\n );\n });\n});\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,yBAAyB;AAClC,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,wBAAwB,GAAGH,yBAAyB,CAACI,eAAe,CAACC,QAAQ,IAAI;EAC1F,OAAOJ,QAAQ,CAAC,SAASK,iCAAiCA,CAACC,KAAK,EAAE;IAC9D,MAAM;MAAEC;IAAU,CAAC,GAAGD,KAAK;IAE3B,MAAME,IAAI,GAAGD,SAAS,CAACE,EAAE,CAACD,IAAI;IAC9B,IAAID,SAAS,CAACE,EAAE,CAACC,KAAK,EAAEA,KAAK,KAAKT,kBAAkB,CAACU,QAAQ,IAAI,CAACH,IAAI,EAAE;MACpE,oBAAOX,KAAA,CAAAe,aAAA,CAACR,QAAQ,EAAKE,KAAQ,CAAC;IAClC;IAEA,oBACIT,KAAA,CAAAe,aAAA,CAACd,KAAK;MACFe,IAAI,EAAE,IAAK;MACXC,WAAW,EAAEN,IAAI,CAACO,KAAM;MACxBC,OAAO,eACHnB,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAoB,QAAA,qBACIpB,KAAA,CAAAe,aAAA,CAACd,KAAK,CAACoB,MAAM;QAACC,IAAI,EAAE,uBAAwB;QAACC,OAAO,EAAEb,SAAS,CAACc;MAAO,CAAE,CAC3E;IACL,GACJ,0BAEM,CAAC;EAEhB,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","Alert","WorkflowStateBarComponent","observer","DeveloperMode","WorkflowStateValue","WorkflowStateBarApproved","createDecorator","Original","WorkflowStateBarApprovedDecorator","props","presenter","step","vm","state","approved","createElement","icon","swatchColor","color","actions","Action","text","onClick","cancel"],"sources":["WorkflowStateBarApproved.tsx"],"sourcesContent":["/**\n * When state is approved.\n */\nimport React from \"react\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { WorkflowStateBarComponent } from \"../WorkflowStateBarComponent.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { DeveloperMode } from \"@webiny/app-admin\";\nimport { WorkflowStateValue } from \"~/types.js\";\n\nexport const WorkflowStateBarApproved = WorkflowStateBarComponent.createDecorator(Original => {\n return observer(function WorkflowStateBarApprovedDecorator(props) {\n const { presenter } = props;\n\n const step = presenter.vm.step;\n if (presenter.vm.state?.state !== WorkflowStateValue.approved || !step) {\n return <Original {...props} />;\n }\n\n return (\n <Alert\n icon={null}\n swatchColor={step.color}\n actions={\n <DeveloperMode>\n <Alert.Action text={\"Remove Review Request\"} onClick={presenter.cancel} />\n </DeveloperMode>\n }\n >\n This entry was approved.\n </Alert>\n );\n });\n});\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,yBAAyB;AAClC,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,wBAAwB,GAAGJ,yBAAyB,CAACK,eAAe,CAACC,QAAQ,IAAI;EAC1F,OAAOL,QAAQ,CAAC,SAASM,iCAAiCA,CAACC,KAAK,EAAE;IAC9D,MAAM;MAAEC;IAAU,CAAC,GAAGD,KAAK;IAE3B,MAAME,IAAI,GAAGD,SAAS,CAACE,EAAE,CAACD,IAAI;IAC9B,IAAID,SAAS,CAACE,EAAE,CAACC,KAAK,EAAEA,KAAK,KAAKT,kBAAkB,CAACU,QAAQ,IAAI,CAACH,IAAI,EAAE;MACpE,oBAAOZ,KAAA,CAAAgB,aAAA,CAACR,QAAQ,EAAKE,KAAQ,CAAC;IAClC;IAEA,oBACIV,KAAA,CAAAgB,aAAA,CAACf,KAAK;MACFgB,IAAI,EAAE,IAAK;MACXC,WAAW,EAAEN,IAAI,CAACO,KAAM;MACxBC,OAAO,eACHpB,KAAA,CAAAgB,aAAA,CAACZ,aAAa,qBACVJ,KAAA,CAAAgB,aAAA,CAACf,KAAK,CAACoB,MAAM;QAACC,IAAI,EAAE,uBAAwB;QAACC,OAAO,EAAEZ,SAAS,CAACa;MAAO,CAAE,CAC9D;IAClB,GACJ,0BAEM,CAAC;EAEhB,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
@@ -3,6 +3,7 @@
3
3
  */
4
4
  import React from "react";
5
5
  import { Alert } from "@webiny/admin-ui";
6
+ import { DeveloperMode } from "@webiny/app-admin";
6
7
  import { WorkflowStateBarComponent } from "../WorkflowStateBarComponent.js";
7
8
  import { observer } from "mobx-react-lite";
8
9
  export const WorkflowStateBarRejected = WorkflowStateBarComponent.createDecorator(Original => {
@@ -23,10 +24,10 @@ export const WorkflowStateBarRejected = WorkflowStateBarComponent.createDecorato
23
24
  onClick: () => {
24
25
  presenter.showCommentDialog(step.id);
25
26
  }
26
- }), /*#__PURE__*/React.createElement(Alert.Action, {
27
+ }), /*#__PURE__*/React.createElement(DeveloperMode, null, /*#__PURE__*/React.createElement(Alert.Action, {
27
28
  text: "Remove Review Request",
28
29
  onClick: presenter.cancel
29
- })),
30
+ }))),
30
31
  type: "warning"
31
32
  }, "This entry was rejected.");
32
33
  });
@@ -1 +1 @@
1
- {"version":3,"names":["React","Alert","WorkflowStateBarComponent","observer","WorkflowStateBarRejected","createDecorator","Original","WorkflowStateBarRejectedDecorator","props","presenter","step","vm","lastRejectedStep","createElement","icon","swatchColor","color","actions","Fragment","Action","className","text","onClick","showCommentDialog","id","cancel","type"],"sources":["WorkflowStateBarRejected.tsx"],"sourcesContent":["/**\n * When state is approved.\n */\nimport React from \"react\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { WorkflowStateBarComponent } from \"../WorkflowStateBarComponent.js\";\nimport { observer } from \"mobx-react-lite\";\n\nexport const WorkflowStateBarRejected = WorkflowStateBarComponent.createDecorator(Original => {\n return observer(function WorkflowStateBarRejectedDecorator(props) {\n const { presenter } = props;\n\n const step = presenter.vm.lastRejectedStep;\n\n if (!step) {\n return <Original {...props} />;\n }\n\n return (\n <Alert\n icon={null}\n swatchColor={step.color}\n actions={\n <>\n <Alert.Action\n className={\"mr-sm\"}\n text={\"View Comment\"}\n onClick={() => {\n presenter.showCommentDialog(step.id);\n }}\n />\n <Alert.Action text={\"Remove Review Request\"} onClick={presenter.cancel} />\n </>\n }\n type=\"warning\"\n >\n This entry was rejected.\n </Alert>\n );\n });\n});\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,yBAAyB;AAClC,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,OAAO,MAAMC,wBAAwB,GAAGF,yBAAyB,CAACG,eAAe,CAACC,QAAQ,IAAI;EAC1F,OAAOH,QAAQ,CAAC,SAASI,iCAAiCA,CAACC,KAAK,EAAE;IAC9D,MAAM;MAAEC;IAAU,CAAC,GAAGD,KAAK;IAE3B,MAAME,IAAI,GAAGD,SAAS,CAACE,EAAE,CAACC,gBAAgB;IAE1C,IAAI,CAACF,IAAI,EAAE;MACP,oBAAOV,KAAA,CAAAa,aAAA,CAACP,QAAQ,EAAKE,KAAQ,CAAC;IAClC;IAEA,oBACIR,KAAA,CAAAa,aAAA,CAACZ,KAAK;MACFa,IAAI,EAAE,IAAK;MACXC,WAAW,EAAEL,IAAI,CAACM,KAAM;MACxBC,OAAO,eACHjB,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAkB,QAAA,qBACIlB,KAAA,CAAAa,aAAA,CAACZ,KAAK,CAACkB,MAAM;QACTC,SAAS,EAAE,OAAQ;QACnBC,IAAI,EAAE,cAAe;QACrBC,OAAO,EAAEA,CAAA,KAAM;UACXb,SAAS,CAACc,iBAAiB,CAACb,IAAI,CAACc,EAAE,CAAC;QACxC;MAAE,CACL,CAAC,eACFxB,KAAA,CAAAa,aAAA,CAACZ,KAAK,CAACkB,MAAM;QAACE,IAAI,EAAE,uBAAwB;QAACC,OAAO,EAAEb,SAAS,CAACgB;MAAO,CAAE,CAC3E,CACL;MACDC,IAAI,EAAC;IAAS,GACjB,0BAEM,CAAC;EAEhB,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","Alert","DeveloperMode","WorkflowStateBarComponent","observer","WorkflowStateBarRejected","createDecorator","Original","WorkflowStateBarRejectedDecorator","props","presenter","step","vm","lastRejectedStep","createElement","icon","swatchColor","color","actions","Fragment","Action","className","text","onClick","showCommentDialog","id","cancel","type"],"sources":["WorkflowStateBarRejected.tsx"],"sourcesContent":["/**\n * When state is approved.\n */\nimport React from \"react\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { DeveloperMode } from \"@webiny/app-admin\";\nimport { WorkflowStateBarComponent } from \"../WorkflowStateBarComponent.js\";\nimport { observer } from \"mobx-react-lite\";\n\nexport const WorkflowStateBarRejected = WorkflowStateBarComponent.createDecorator(Original => {\n return observer(function WorkflowStateBarRejectedDecorator(props) {\n const { presenter } = props;\n\n const step = presenter.vm.lastRejectedStep;\n\n if (!step) {\n return <Original {...props} />;\n }\n\n return (\n <Alert\n icon={null}\n swatchColor={step.color}\n actions={\n <>\n <Alert.Action\n className={\"mr-sm\"}\n text={\"View Comment\"}\n onClick={() => {\n presenter.showCommentDialog(step.id);\n }}\n />\n <DeveloperMode>\n <Alert.Action\n text={\"Remove Review Request\"}\n onClick={presenter.cancel}\n />\n </DeveloperMode>\n </>\n }\n type=\"warning\"\n >\n This entry was rejected.\n </Alert>\n );\n });\n});\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,yBAAyB;AAClC,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,OAAO,MAAMC,wBAAwB,GAAGF,yBAAyB,CAACG,eAAe,CAACC,QAAQ,IAAI;EAC1F,OAAOH,QAAQ,CAAC,SAASI,iCAAiCA,CAACC,KAAK,EAAE;IAC9D,MAAM;MAAEC;IAAU,CAAC,GAAGD,KAAK;IAE3B,MAAME,IAAI,GAAGD,SAAS,CAACE,EAAE,CAACC,gBAAgB;IAE1C,IAAI,CAACF,IAAI,EAAE;MACP,oBAAOX,KAAA,CAAAc,aAAA,CAACP,QAAQ,EAAKE,KAAQ,CAAC;IAClC;IAEA,oBACIT,KAAA,CAAAc,aAAA,CAACb,KAAK;MACFc,IAAI,EAAE,IAAK;MACXC,WAAW,EAAEL,IAAI,CAACM,KAAM;MACxBC,OAAO,eACHlB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAmB,QAAA,qBACInB,KAAA,CAAAc,aAAA,CAACb,KAAK,CAACmB,MAAM;QACTC,SAAS,EAAE,OAAQ;QACnBC,IAAI,EAAE,cAAe;QACrBC,OAAO,EAAEA,CAAA,KAAM;UACXb,SAAS,CAACc,iBAAiB,CAACb,IAAI,CAACc,EAAE,CAAC;QACxC;MAAE,CACL,CAAC,eACFzB,KAAA,CAAAc,aAAA,CAACZ,aAAa,qBACVF,KAAA,CAAAc,aAAA,CAACb,KAAK,CAACmB,MAAM;QACTE,IAAI,EAAE,uBAAwB;QAC9BC,OAAO,EAAEb,SAAS,CAACgB;MAAO,CAC7B,CACU,CACjB,CACL;MACDC,IAAI,EAAC;IAAS,GACjB,0BAEM,CAAC;EAEhB,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
@@ -2,6 +2,7 @@ import React from "react";
2
2
  import type { IWorkflow, IWorkflowState } from "../../../types.js";
3
3
  interface IWorkflowStateBarPropsChildrenParams {
4
4
  workflow: IWorkflow;
5
+ stateBar: React.ReactElement;
5
6
  state?: IWorkflowState | null;
6
7
  }
7
8
  interface IWorkflowStateBarPropsChildren {
@@ -14,7 +15,7 @@ export interface IWorkflowStateBarProps {
14
15
  *
15
16
  * Also, this way we avoid using MobX in the consumers of this component.
16
17
  */
17
- children?: IWorkflowStateBarPropsChildren | React.ReactElement | React.ReactElement[] | null;
18
+ children?: IWorkflowStateBarPropsChildren | null;
18
19
  }
19
20
  export declare const WorkflowStateBar: ((props: IWorkflowStateBarProps) => React.JSX.Element | null) & {
20
21
  displayName: string;
@@ -24,12 +24,14 @@ export const WorkflowStateBar = observer(props => {
24
24
  if (!presenter.vm.workflow) {
25
25
  return null;
26
26
  }
27
- 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)), /*#__PURE__*/React.createElement(WorkflowStateBarComponent, {
27
+ const stateBar = /*#__PURE__*/React.createElement(WorkflowStateBarComponent, {
28
28
  presenter: presenter
29
- }), typeof props.children === "function" ? props.children({
29
+ });
30
+ 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({
31
+ stateBar,
30
32
  state: presenter.vm.state,
31
33
  workflow: presenter.vm.workflow
32
- }) : props.children);
34
+ }) : stateBar);
33
35
  });
34
36
 
35
37
  //# sourceMappingURL=WorkflowStateBar.js.map
@@ -1 +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","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 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 | React.ReactElement | React.ReactElement[] | 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 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 <WorkflowStateBarComponent presenter={presenter} />\n {typeof props.children === \"function\"\n ? props.children({ state: presenter.vm.state, workflow: presenter.vm.workflow })\n : props.children}\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;AAsBhC,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,oBACInB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAoB,aAAA,CAACN,uBAAuB,MAAE,CAAC,eAC3Bd,KAAA,CAAAoB,aAAA,CAAClB,OAAO,qBACJF,KAAA,CAAAoB,aAAA,CAACZ,wBAAwB,MAAE,CAAC,eAC5BR,KAAA,CAAAoB,aAAA,CAACX,wBAAwB,MAAE,CAAC,eAC5BT,KAAA,CAAAoB,aAAA,CAACb,sBAAsB,MAAE,CAAC,eAC1BP,KAAA,CAAAoB,aAAA,CAACR,2BAA2B,MAAE,CAAC,eAC/BZ,KAAA,CAAAoB,aAAA,CAACd,4BAA4B,MAAE,CAAC,eAChCN,KAAA,CAAAoB,aAAA,CAACf,6BAA6B,MAAE,CAAC,eACjCL,KAAA,CAAAoB,aAAA,CAAChB,uBAAuB,MAAE,CAAC,eAC3BJ,KAAA,CAAAoB,aAAA,CAACV,wBAAwB,MAAE,CAAC,eAC5BV,KAAA,CAAAoB,aAAA,CAACjB,qBAAqB,MAAE,CACnB,CAAC,eACVH,KAAA,CAAAoB,aAAA,CAACT,yBAAyB;IAACM,SAAS,EAAEA;EAAU,CAAE,CAAC,EAClD,OAAOD,KAAK,CAACM,QAAQ,KAAK,UAAU,GAC/BN,KAAK,CAACM,QAAQ,CAAC;IAAEC,KAAK,EAAEN,SAAS,CAACC,EAAE,CAACK,KAAK;IAAEJ,QAAQ,EAAEF,SAAS,CAACC,EAAE,CAACC;EAAS,CAAC,CAAC,GAC9EH,KAAK,CAACM,QACd,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}
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":[]}
@@ -9,6 +9,7 @@ export interface IWorkflowStateProps {
9
9
  client: ApolloClient<object>;
10
10
  children: React.ReactElement | React.ReactElement[];
11
11
  title: string;
12
+ disabled?: boolean;
12
13
  }
13
14
  export interface IWorkflowStateContext {
14
15
  presenter: IWorkflowStatePresenter;
@@ -5,12 +5,8 @@ import { WorkflowStatePresenter } from "../../Presenters/index.js";
5
5
  export const WorkflowStateContext = /*#__PURE__*/React.createContext(null);
6
6
  export const WorkflowStateProvider = props => {
7
7
  const {
8
- id,
9
- app,
10
- identity,
11
8
  client,
12
- children,
13
- title
9
+ children
14
10
  } = props;
15
11
  const presenter = useMemo(() => {
16
12
  const gateway = new WorkflowStateGateway({
@@ -26,14 +22,15 @@ export const WorkflowStateProvider = props => {
26
22
  gateway: workflowsGateway
27
23
  });
28
24
  return new WorkflowStatePresenter({
29
- app,
30
- targetRevisionId: id,
31
- identity,
25
+ app: props.app,
26
+ targetRevisionId: props.id,
27
+ identity: props.identity,
32
28
  repository,
33
29
  workflowsRepository,
34
- title
30
+ title: props.title,
31
+ disabled: props.disabled || false
35
32
  });
36
- }, [app, id, identity.id, title]);
33
+ }, [props.id, props.identity, props.title, props.disabled, props.app]);
37
34
  return /*#__PURE__*/React.createElement(WorkflowStateContext.Provider, {
38
35
  value: {
39
36
  presenter
@@ -1 +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":[]}
1
+ {"version":3,"names":["React","useMemo","WorkflowsGateway","WorkflowStateGateway","WorkflowsRepository","WorkflowStateRepository","WorkflowStatePresenter","WorkflowStateContext","createContext","WorkflowStateProvider","props","client","children","presenter","gateway","repository","workflowsGateway","workflowsRepository","app","targetRevisionId","id","identity","title","disabled","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 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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,gBAAgB,EAAEC,oBAAoB;AAC/C,SAASC,mBAAmB,EAAEC,uBAAuB;AAErD,SAASC,sBAAsB;AAkB/B,OAAO,MAAMC,oBAAoB,gBAAGP,KAAK,CAACQ,aAAa,CAA+B,IAAI,CAAC;AAE3F,OAAO,MAAMC,qBAAqB,GAAIC,KAA0B,IAAK;EACjE,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAClC,MAAMG,SAAS,GAAGZ,OAAO,CAAC,MAAM;IAC5B,MAAMa,OAAO,GAAG,IAAIX,oBAAoB,CAAC;MACrCQ;IACJ,CAAC,CAAC;IACF,MAAMI,UAAU,GAAG,IAAIV,uBAAuB,CAAC;MAC3CS;IACJ,CAAC,CAAC;IACF,MAAME,gBAAgB,GAAG,IAAId,gBAAgB,CAAC;MAC1CS;IACJ,CAAC,CAAC;IACF,MAAMM,mBAAmB,GAAG,IAAIb,mBAAmB,CAAC;MAChDU,OAAO,EAAEE;IACb,CAAC,CAAC;IACF,OAAO,IAAIV,sBAAsB,CAAC;MAC9BY,GAAG,EAAER,KAAK,CAACQ,GAAG;MACdC,gBAAgB,EAAET,KAAK,CAACU,EAAE;MAC1BC,QAAQ,EAAEX,KAAK,CAACW,QAAQ;MACxBN,UAAU;MACVE,mBAAmB;MACnBK,KAAK,EAAEZ,KAAK,CAACY,KAAK;MAClBC,QAAQ,EAAEb,KAAK,CAACa,QAAQ,IAAI;IAChC,CAAC,CAAC;EACN,CAAC,EAAE,CAACb,KAAK,CAACU,EAAE,EAAEV,KAAK,CAACW,QAAQ,EAAEX,KAAK,CAACY,KAAK,EAAEZ,KAAK,CAACa,QAAQ,EAAEb,KAAK,CAACQ,GAAG,CAAC,CAAC;EAEtE,oBACIlB,KAAA,CAAAwB,aAAA,CAACjB,oBAAoB,CAACkB,QAAQ;IAACC,KAAK,EAAE;MAAEb;IAAU;EAAE,GAC/CD,QAC0B,CAAC;AAExC,CAAC","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["React","TimeAgo","Identity","identity","createElement","Fragment","displayName","id","WorkflowStateRowDescription","props","state","currentStep","title","savedBy","datetime","savedOn"],"sources":["WorkflowStateRowDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IIdentity, IWorkflowState } from \"~/types.js\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\n\ninterface IWorkflowStateRowDescriptionProps {\n state: IWorkflowState;\n}\n\ninterface IIdentityProps {\n identity: IIdentity | undefined | null;\n}\n\nconst Identity = ({ identity }: IIdentityProps) => {\n if (!identity) {\n return null;\n }\n return <> - {identity.displayName || identity.id}</>;\n};\n\nexport const WorkflowStateRowDescription = (props: IWorkflowStateRowDescriptionProps) => {\n const { state } = props;\n return (\n <>\n {state.currentStep.title}\n <Identity identity={state.currentStep.savedBy} />\n , <TimeAgo datetime={state.savedOn} />\n </>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,QAAQ,kBAAkB;AAU1C,MAAMC,QAAQ,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC/C,IAAI,CAACA,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EACA,oBAAOH,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,QAAE,KAAG,EAACF,QAAQ,CAACG,WAAW,IAAIH,QAAQ,CAACI,EAAK,CAAC;AACxD,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAIC,KAAwC,IAAK;EACrF,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,oBACIT,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,QACKK,KAAK,CAACC,WAAW,CAACC,KAAK,eACxBZ,KAAA,CAAAI,aAAA,CAACF,QAAQ;IAACC,QAAQ,EAAEO,KAAK,CAACC,WAAW,CAACE;EAAQ,CAAE,CAAC,MAC/C,eAAAb,KAAA,CAAAI,aAAA,CAACH,OAAO;IAACa,QAAQ,EAAEJ,KAAK,CAACK;EAAQ,CAAE,CACvC,CAAC;AAEX,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","TimeAgo","Identity","identity","createElement","Fragment","displayName","id","WorkflowStateRowDescription","props","state","currentStep","title","savedBy","datetime","savedOn"],"sources":["WorkflowStateRowDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IIdentity, IWorkflowState } from \"~/types.js\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\n\ninterface IWorkflowStateRowDescriptionProps {\n state: IWorkflowState;\n}\n\ninterface IIdentityProps {\n identity: IIdentity | undefined | null;\n}\n\nconst Identity = ({ identity }: IIdentityProps) => {\n if (!identity) {\n return null;\n }\n return <> - {identity.displayName || identity.id}</>;\n};\n\nexport const WorkflowStateRowDescription = (props: IWorkflowStateRowDescriptionProps) => {\n const { state } = props;\n return (\n <>\n {state.currentStep.title}\n <Identity identity={state.currentStep.savedBy} />, <TimeAgo datetime={state.savedOn} />\n </>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,QAAQ,kBAAkB;AAU1C,MAAMC,QAAQ,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC/C,IAAI,CAACA,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EACA,oBAAOH,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,QAAE,KAAG,EAACF,QAAQ,CAACG,WAAW,IAAIH,QAAQ,CAACI,EAAK,CAAC;AACxD,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAIC,KAAwC,IAAK;EACrF,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,oBACIT,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,QACKK,KAAK,CAACC,WAAW,CAACC,KAAK,eACxBZ,KAAA,CAAAI,aAAA,CAACF,QAAQ;IAACC,QAAQ,EAAEO,KAAK,CAACC,WAAW,CAACE;EAAQ,CAAE,CAAC,MAAE,eAAAb,KAAA,CAAAI,aAAA,CAACH,OAAO;IAACa,QAAQ,EAAEJ,KAAK,CAACK;EAAQ,CAAE,CACxF,CAAC;AAEX,CAAC","ignoreList":[]}
@@ -12,15 +12,17 @@ export const WorkflowStatesOwnWidget = props => {
12
12
  if (!canUseWorkflows) {
13
13
  return /*#__PURE__*/React.createElement(Alert, {
14
14
  type: "danger",
15
- title: "You don't have access to Workflows."
16
- }, "You do not have access to Workflows. Please contact your system administrator.");
15
+ title: "You don't have access to Content Reviews."
16
+ }, "You do not have access to Content Reviews. Please contact your system administrator.");
17
17
  }
18
18
  return /*#__PURE__*/React.createElement(WorkflowStatesProvider, {
19
19
  type: "own",
20
20
  client: client,
21
21
  states: [WorkflowStateValue.pending, WorkflowStateValue.inReview, WorkflowStateValue.approved, WorkflowStateValue.rejected]
22
22
  }, /*#__PURE__*/React.createElement(WorkflowStateWidgetCard, {
23
- title: /*#__PURE__*/React.createElement(React.Fragment, null, "Workflow States requested by current user")
23
+ title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
24
+ className: "text-accent-primary"
25
+ }, "Content Reviews"), " assigned by me")
24
26
  }));
25
27
  };
26
28
 
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCanUseWorkflows","Alert","WorkflowStatesProvider","WorkflowStateWidgetCard","WorkflowStateValue","WorkflowStatesOwnWidget","props","client","canUseWorkflows","createElement","type","title","states","pending","inReview","approved","rejected","Fragment"],"sources":["WorkflowStatesOwnWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport type ApolloClient from \"apollo-client\";\nimport { useCanUseWorkflows } from \"~/hooks/canUseWorkflows.js\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { WorkflowStatesProvider } from \"./Provider/WorkflowStatesProvider.js\";\nimport { WorkflowStateWidgetCard } from \"./Card/WorkflowStatesWidgetCard.js\";\nimport { WorkflowStateValue } from \"~/types.js\";\n\nexport interface IWorkflowStatesOwnWidgetProps {\n client: ApolloClient<object>;\n}\n\nexport const WorkflowStatesOwnWidget = (props: IWorkflowStatesOwnWidgetProps) => {\n const { client } = props;\n\n const canUseWorkflows = useCanUseWorkflows();\n if (!canUseWorkflows) {\n return (\n <Alert type={\"danger\"} title={\"You don't have access to Workflows.\"}>\n You do not have access to Workflows. Please contact your system administrator.\n </Alert>\n );\n }\n\n return (\n <WorkflowStatesProvider\n type={\"own\"}\n client={client}\n states={[\n WorkflowStateValue.pending,\n WorkflowStateValue.inReview,\n WorkflowStateValue.approved,\n WorkflowStateValue.rejected\n ]}\n >\n <WorkflowStateWidgetCard title={<>Workflow States requested by current user</>} />\n </WorkflowStatesProvider>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,kBAAkB;AAC3B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,sBAAsB;AAC/B,SAASC,uBAAuB;AAChC,SAASC,kBAAkB;AAM3B,OAAO,MAAMC,uBAAuB,GAAIC,KAAoC,IAAK;EAC7E,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;EAExB,MAAME,eAAe,GAAGR,kBAAkB,CAAC,CAAC;EAC5C,IAAI,CAACQ,eAAe,EAAE;IAClB,oBACIT,KAAA,CAAAU,aAAA,CAACR,KAAK;MAACS,IAAI,EAAE,QAAS;MAACC,KAAK,EAAE;IAAsC,GAAC,gFAE9D,CAAC;EAEhB;EAEA,oBACIZ,KAAA,CAAAU,aAAA,CAACP,sBAAsB;IACnBQ,IAAI,EAAE,KAAM;IACZH,MAAM,EAAEA,MAAO;IACfK,MAAM,EAAE,CACJR,kBAAkB,CAACS,OAAO,EAC1BT,kBAAkB,CAACU,QAAQ,EAC3BV,kBAAkB,CAACW,QAAQ,EAC3BX,kBAAkB,CAACY,QAAQ;EAC7B,gBAEFjB,KAAA,CAAAU,aAAA,CAACN,uBAAuB;IAACQ,KAAK,eAAEZ,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAkB,QAAA,QAAE,2CAA2C;EAAE,CAAE,CAC7D,CAAC;AAEjC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","useCanUseWorkflows","Alert","WorkflowStatesProvider","WorkflowStateWidgetCard","WorkflowStateValue","WorkflowStatesOwnWidget","props","client","canUseWorkflows","createElement","type","title","states","pending","inReview","approved","rejected","Fragment","className"],"sources":["WorkflowStatesOwnWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport type ApolloClient from \"apollo-client\";\nimport { useCanUseWorkflows } from \"~/hooks/canUseWorkflows.js\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { WorkflowStatesProvider } from \"./Provider/WorkflowStatesProvider.js\";\nimport { WorkflowStateWidgetCard } from \"./Card/WorkflowStatesWidgetCard.js\";\nimport { WorkflowStateValue } from \"~/types.js\";\n\nexport interface IWorkflowStatesOwnWidgetProps {\n client: ApolloClient<object>;\n}\n\nexport const WorkflowStatesOwnWidget = (props: IWorkflowStatesOwnWidgetProps) => {\n const { client } = props;\n\n const canUseWorkflows = useCanUseWorkflows();\n if (!canUseWorkflows) {\n return (\n <Alert type={\"danger\"} title={\"You don't have access to Content Reviews.\"}>\n You do not have access to Content Reviews. Please contact your system administrator.\n </Alert>\n );\n }\n\n return (\n <WorkflowStatesProvider\n type={\"own\"}\n client={client}\n states={[\n WorkflowStateValue.pending,\n WorkflowStateValue.inReview,\n WorkflowStateValue.approved,\n WorkflowStateValue.rejected\n ]}\n >\n <WorkflowStateWidgetCard\n title={\n <>\n <span className={\"text-accent-primary\"}>Content Reviews</span> assigned by\n me\n </>\n }\n />\n </WorkflowStatesProvider>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,kBAAkB;AAC3B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,sBAAsB;AAC/B,SAASC,uBAAuB;AAChC,SAASC,kBAAkB;AAM3B,OAAO,MAAMC,uBAAuB,GAAIC,KAAoC,IAAK;EAC7E,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;EAExB,MAAME,eAAe,GAAGR,kBAAkB,CAAC,CAAC;EAC5C,IAAI,CAACQ,eAAe,EAAE;IAClB,oBACIT,KAAA,CAAAU,aAAA,CAACR,KAAK;MAACS,IAAI,EAAE,QAAS;MAACC,KAAK,EAAE;IAA4C,GAAC,sFAEpE,CAAC;EAEhB;EAEA,oBACIZ,KAAA,CAAAU,aAAA,CAACP,sBAAsB;IACnBQ,IAAI,EAAE,KAAM;IACZH,MAAM,EAAEA,MAAO;IACfK,MAAM,EAAE,CACJR,kBAAkB,CAACS,OAAO,EAC1BT,kBAAkB,CAACU,QAAQ,EAC3BV,kBAAkB,CAACW,QAAQ,EAC3BX,kBAAkB,CAACY,QAAQ;EAC7B,gBAEFjB,KAAA,CAAAU,aAAA,CAACN,uBAAuB;IACpBQ,KAAK,eACDZ,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAkB,QAAA,qBACIlB,KAAA,CAAAU,aAAA;MAAMS,SAAS,EAAE;IAAsB,GAAC,iBAAqB,CAAC,mBAEhE;EACL,CACJ,CACmB,CAAC;AAEjC,CAAC","ignoreList":[]}
@@ -20,7 +20,9 @@ export const WorkflowStatesRequestedWidget = props => {
20
20
  client: client,
21
21
  states: [WorkflowStateValue.pending, WorkflowStateValue.inReview]
22
22
  }, /*#__PURE__*/React.createElement(WorkflowStateWidgetCard, {
23
- title: /*#__PURE__*/React.createElement(React.Fragment, null, "Workflow States assigned to current user")
23
+ title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
24
+ className: "text-accent-primary"
25
+ }, "Content Reviews"), " assigned to me")
24
26
  }));
25
27
  };
26
28
 
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCanUseWorkflows","Alert","WorkflowStatesProvider","WorkflowStateWidgetCard","WorkflowStateValue","WorkflowStatesRequestedWidget","props","client","canUseWorkflows","createElement","type","title","states","pending","inReview","Fragment"],"sources":["WorkflowStatesRequestedWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport type ApolloClient from \"apollo-client\";\nimport { useCanUseWorkflows } from \"~/hooks/canUseWorkflows.js\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { WorkflowStatesProvider } from \"./Provider/WorkflowStatesProvider.js\";\nimport { WorkflowStateWidgetCard } from \"./Card/WorkflowStatesWidgetCard.js\";\nimport { WorkflowStateValue } from \"~/types.js\";\n\nexport interface IWorkflowStatesRequestedWidgetProps {\n client: ApolloClient<object>;\n}\n\nexport const WorkflowStatesRequestedWidget = (props: IWorkflowStatesRequestedWidgetProps) => {\n const { client } = props;\n\n const canUseWorkflows = useCanUseWorkflows();\n if (!canUseWorkflows) {\n return (\n <Alert type={\"danger\"} title={\"You don't have access to Workflows.\"}>\n You do not have access to Workflows. Please contact your system administrator.\n </Alert>\n );\n }\n\n return (\n <WorkflowStatesProvider\n type={\"requested\"}\n client={client}\n states={[WorkflowStateValue.pending, WorkflowStateValue.inReview]}\n >\n <WorkflowStateWidgetCard title={<>Workflow States assigned to current user</>} />\n </WorkflowStatesProvider>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,kBAAkB;AAC3B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,sBAAsB;AAC/B,SAASC,uBAAuB;AAChC,SAASC,kBAAkB;AAM3B,OAAO,MAAMC,6BAA6B,GAAIC,KAA0C,IAAK;EACzF,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;EAExB,MAAME,eAAe,GAAGR,kBAAkB,CAAC,CAAC;EAC5C,IAAI,CAACQ,eAAe,EAAE;IAClB,oBACIT,KAAA,CAAAU,aAAA,CAACR,KAAK;MAACS,IAAI,EAAE,QAAS;MAACC,KAAK,EAAE;IAAsC,GAAC,gFAE9D,CAAC;EAEhB;EAEA,oBACIZ,KAAA,CAAAU,aAAA,CAACP,sBAAsB;IACnBQ,IAAI,EAAE,WAAY;IAClBH,MAAM,EAAEA,MAAO;IACfK,MAAM,EAAE,CAACR,kBAAkB,CAACS,OAAO,EAAET,kBAAkB,CAACU,QAAQ;EAAE,gBAElEf,KAAA,CAAAU,aAAA,CAACN,uBAAuB;IAACQ,KAAK,eAAEZ,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAgB,QAAA,QAAE,0CAA0C;EAAE,CAAE,CAC5D,CAAC;AAEjC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","useCanUseWorkflows","Alert","WorkflowStatesProvider","WorkflowStateWidgetCard","WorkflowStateValue","WorkflowStatesRequestedWidget","props","client","canUseWorkflows","createElement","type","title","states","pending","inReview","Fragment","className"],"sources":["WorkflowStatesRequestedWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport type ApolloClient from \"apollo-client\";\nimport { useCanUseWorkflows } from \"~/hooks/canUseWorkflows.js\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { WorkflowStatesProvider } from \"./Provider/WorkflowStatesProvider.js\";\nimport { WorkflowStateWidgetCard } from \"./Card/WorkflowStatesWidgetCard.js\";\nimport { WorkflowStateValue } from \"~/types.js\";\n\nexport interface IWorkflowStatesRequestedWidgetProps {\n client: ApolloClient<object>;\n}\n\nexport const WorkflowStatesRequestedWidget = (props: IWorkflowStatesRequestedWidgetProps) => {\n const { client } = props;\n\n const canUseWorkflows = useCanUseWorkflows();\n if (!canUseWorkflows) {\n return (\n <Alert type={\"danger\"} title={\"You don't have access to Workflows.\"}>\n You do not have access to Workflows. Please contact your system administrator.\n </Alert>\n );\n }\n\n return (\n <WorkflowStatesProvider\n type={\"requested\"}\n client={client}\n states={[WorkflowStateValue.pending, WorkflowStateValue.inReview]}\n >\n <WorkflowStateWidgetCard\n title={\n <>\n <span className={\"text-accent-primary\"}>Content Reviews</span> assigned to\n me\n </>\n }\n />\n </WorkflowStatesProvider>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,kBAAkB;AAC3B,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,sBAAsB;AAC/B,SAASC,uBAAuB;AAChC,SAASC,kBAAkB;AAM3B,OAAO,MAAMC,6BAA6B,GAAIC,KAA0C,IAAK;EACzF,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;EAExB,MAAME,eAAe,GAAGR,kBAAkB,CAAC,CAAC;EAC5C,IAAI,CAACQ,eAAe,EAAE;IAClB,oBACIT,KAAA,CAAAU,aAAA,CAACR,KAAK;MAACS,IAAI,EAAE,QAAS;MAACC,KAAK,EAAE;IAAsC,GAAC,gFAE9D,CAAC;EAEhB;EAEA,oBACIZ,KAAA,CAAAU,aAAA,CAACP,sBAAsB;IACnBQ,IAAI,EAAE,WAAY;IAClBH,MAAM,EAAEA,MAAO;IACfK,MAAM,EAAE,CAACR,kBAAkB,CAACS,OAAO,EAAET,kBAAkB,CAACU,QAAQ;EAAE,gBAElEf,KAAA,CAAAU,aAAA,CAACN,uBAAuB;IACpBQ,KAAK,eACDZ,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAgB,QAAA,qBACIhB,KAAA,CAAAU,aAAA;MAAMO,SAAS,EAAE;IAAsB,GAAC,iBAAqB,CAAC,mBAEhE;EACL,CACJ,CACmB,CAAC;AAEjC,CAAC","ignoreList":[]}
@@ -1,6 +1,6 @@
1
1
  import React, { useCallback, useMemo, useState } from "react";
2
2
  import { i18n } from "@webiny/app/i18n/index.js";
3
- import { DataList, DataListModalOverlayAction, ListItem, ListItemText, ListItemTextPrimary, ScrollList } from "@webiny/ui/List/index.js";
3
+ import { DataList, DataListModal, List } from "@webiny/admin-ui";
4
4
  import { SearchUI } from "@webiny/app-admin";
5
5
  const t = i18n.ns("app-workflows/workflows-editor/data-list");
6
6
  export const WorkflowsDataList = ({
@@ -28,19 +28,19 @@ export const WorkflowsDataList = ({
28
28
  onChange: setFilter,
29
29
  inputPlaceholder: t`Search workflows...`
30
30
  }),
31
- modalOverlayAction: /*#__PURE__*/React.createElement(DataListModalOverlayAction, {
31
+ modalOverlayAction: /*#__PURE__*/React.createElement(DataListModal.Trigger, {
32
32
  "data-testid": "default-data-list.filter"
33
33
  })
34
34
  }, ({
35
35
  data
36
- }) => /*#__PURE__*/React.createElement(ScrollList, {
36
+ }) => /*#__PURE__*/React.createElement(List, {
37
37
  "data-testid": "default-data-list"
38
- }, data.map(item => /*#__PURE__*/React.createElement(ListItem, {
38
+ }, data.map(item => /*#__PURE__*/React.createElement(List.Item, {
39
39
  key: item.id,
40
- selected: item.id === activeId
41
- }, /*#__PURE__*/React.createElement(ListItemText, {
40
+ selected: item.id === activeId,
41
+ title: item.name,
42
42
  onClick: () => onSelectApp(item.id)
43
- }, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, item.name))))));
43
+ }))));
44
44
  };
45
45
 
46
46
  //# sourceMappingURL=WorkflowsDataList.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCallback","useMemo","useState","i18n","DataList","DataListModalOverlayAction","ListItem","ListItemText","ListItemTextPrimary","ScrollList","SearchUI","t","ns","WorkflowsDataList","apps","activeId","onSelectApp","filter","setFilter","filterWorkflow","name","toLowerCase","includes","items","createElement","title","data","search","value","onChange","inputPlaceholder","modalOverlayAction","map","item","key","id","selected","onClick"],"sources":["WorkflowsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport {\n DataList,\n DataListModalOverlayAction,\n ListItem,\n ListItemText,\n ListItemTextPrimary,\n ScrollList\n} from \"@webiny/ui/List/index.js\";\nimport type { IWorkflowApplication } from \"~/types.js\";\nimport { SearchUI } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-workflows/workflows-editor/data-list\");\n\nexport interface WorkflowsDataListProps {\n activeId: string | undefined;\n apps: IWorkflowApplication[];\n onSelectApp: (id: IWorkflowApplication[\"id\"]) => void;\n}\n\nexport const WorkflowsDataList = ({ apps, activeId, onSelectApp }: WorkflowsDataListProps) => {\n const [filter, setFilter] = useState(\"\");\n\n const filterWorkflow = useCallback(\n ({ name }: IWorkflowApplication) => {\n return name.toLowerCase().includes(filter);\n },\n [filter]\n );\n\n const items = useMemo(() => {\n if (!filter) {\n return apps;\n }\n return apps.filter(filterWorkflow);\n }, [filter, apps]);\n\n return (\n <DataList\n title={t`Workflows`}\n data={items}\n search={\n <SearchUI\n value={filter}\n onChange={setFilter}\n inputPlaceholder={t`Search workflows...`}\n />\n }\n modalOverlayAction={\n <DataListModalOverlayAction data-testid={\"default-data-list.filter\"} />\n }\n >\n {({ data }: { data: IWorkflowApplication[] }) => (\n <ScrollList data-testid=\"default-data-list\">\n {data.map(item => (\n <ListItem key={item.id} selected={item.id === activeId}>\n <ListItemText onClick={() => onSelectApp(item.id)}>\n <ListItemTextPrimary>{item.name}</ListItemTextPrimary>\n </ListItemText>\n </ListItem>\n ))}\n </ScrollList>\n )}\n </DataList>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC7D,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SACIC,QAAQ,EACRC,0BAA0B,EAC1BC,QAAQ,EACRC,YAAY,EACZC,mBAAmB,EACnBC,UAAU,QACP,0BAA0B;AAEjC,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,0CAA0C,CAAC;AAQ7D,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAoC,CAAC,KAAK;EAC1F,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGhB,QAAQ,CAAC,EAAE,CAAC;EAExC,MAAMiB,cAAc,GAAGnB,WAAW,CAC9B,CAAC;IAAEoB;EAA2B,CAAC,KAAK;IAChC,OAAOA,IAAI,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,MAAM,CAAC;EAC9C,CAAC,EACD,CAACA,MAAM,CACX,CAAC;EAED,MAAMM,KAAK,GAAGtB,OAAO,CAAC,MAAM;IACxB,IAAI,CAACgB,MAAM,EAAE;MACT,OAAOH,IAAI;IACf;IACA,OAAOA,IAAI,CAACG,MAAM,CAACE,cAAc,CAAC;EACtC,CAAC,EAAE,CAACF,MAAM,EAAEH,IAAI,CAAC,CAAC;EAElB,oBACIf,KAAA,CAAAyB,aAAA,CAACpB,QAAQ;IACLqB,KAAK,EAAEd,CAAC,WAAY;IACpBe,IAAI,EAAEH,KAAM;IACZI,MAAM,eACF5B,KAAA,CAAAyB,aAAA,CAACd,QAAQ;MACLkB,KAAK,EAAEX,MAAO;MACdY,QAAQ,EAAEX,SAAU;MACpBY,gBAAgB,EAAEnB,CAAC;IAAsB,CAC5C,CACJ;IACDoB,kBAAkB,eACdhC,KAAA,CAAAyB,aAAA,CAACnB,0BAA0B;MAAC,eAAa;IAA2B,CAAE;EACzE,GAEA,CAAC;IAAEqB;EAAuC,CAAC,kBACxC3B,KAAA,CAAAyB,aAAA,CAACf,UAAU;IAAC,eAAY;EAAmB,GACtCiB,IAAI,CAACM,GAAG,CAACC,IAAI,iBACVlC,KAAA,CAAAyB,aAAA,CAAClB,QAAQ;IAAC4B,GAAG,EAAED,IAAI,CAACE,EAAG;IAACC,QAAQ,EAAEH,IAAI,CAACE,EAAE,KAAKpB;EAAS,gBACnDhB,KAAA,CAAAyB,aAAA,CAACjB,YAAY;IAAC8B,OAAO,EAAEA,CAAA,KAAMrB,WAAW,CAACiB,IAAI,CAACE,EAAE;EAAE,gBAC9CpC,KAAA,CAAAyB,aAAA,CAAChB,mBAAmB,QAAEyB,IAAI,CAACb,IAA0B,CAC3C,CACR,CACb,CACO,CAEV,CAAC;AAEnB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","useCallback","useMemo","useState","i18n","DataList","DataListModal","List","SearchUI","t","ns","WorkflowsDataList","apps","activeId","onSelectApp","filter","setFilter","filterWorkflow","name","toLowerCase","includes","items","createElement","title","data","search","value","onChange","inputPlaceholder","modalOverlayAction","Trigger","map","item","Item","key","id","selected","onClick"],"sources":["WorkflowsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { DataList, DataListModal, List } from \"@webiny/admin-ui\";\nimport type { IWorkflowApplication } from \"~/types.js\";\nimport { SearchUI } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-workflows/workflows-editor/data-list\");\n\nexport interface WorkflowsDataListProps {\n activeId: string | undefined;\n apps: IWorkflowApplication[];\n onSelectApp: (id: IWorkflowApplication[\"id\"]) => void;\n}\n\nexport const WorkflowsDataList = ({ apps, activeId, onSelectApp }: WorkflowsDataListProps) => {\n const [filter, setFilter] = useState(\"\");\n\n const filterWorkflow = useCallback(\n ({ name }: IWorkflowApplication) => {\n return name.toLowerCase().includes(filter);\n },\n [filter]\n );\n\n const items = useMemo(() => {\n if (!filter) {\n return apps;\n }\n return apps.filter(filterWorkflow);\n }, [filter, apps]);\n\n return (\n <DataList\n title={t`Workflows`}\n data={items}\n search={\n <SearchUI\n value={filter}\n onChange={setFilter}\n inputPlaceholder={t`Search workflows...`}\n />\n }\n modalOverlayAction={<DataListModal.Trigger data-testid={\"default-data-list.filter\"} />}\n >\n {({ data }: { data: IWorkflowApplication[] }) => (\n <List data-testid=\"default-data-list\">\n {data.map(item => (\n <List.Item\n key={item.id}\n selected={item.id === activeId}\n title={item.name}\n onClick={() => onSelectApp(item.id)}\n />\n ))}\n </List>\n )}\n </DataList>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC7D,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,EAAEC,aAAa,EAAEC,IAAI,QAAQ,kBAAkB;AAEhE,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,0CAA0C,CAAC;AAQ7D,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAoC,CAAC,KAAK;EAC1F,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGb,QAAQ,CAAC,EAAE,CAAC;EAExC,MAAMc,cAAc,GAAGhB,WAAW,CAC9B,CAAC;IAAEiB;EAA2B,CAAC,KAAK;IAChC,OAAOA,IAAI,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,MAAM,CAAC;EAC9C,CAAC,EACD,CAACA,MAAM,CACX,CAAC;EAED,MAAMM,KAAK,GAAGnB,OAAO,CAAC,MAAM;IACxB,IAAI,CAACa,MAAM,EAAE;MACT,OAAOH,IAAI;IACf;IACA,OAAOA,IAAI,CAACG,MAAM,CAACE,cAAc,CAAC;EACtC,CAAC,EAAE,CAACF,MAAM,EAAEH,IAAI,CAAC,CAAC;EAElB,oBACIZ,KAAA,CAAAsB,aAAA,CAACjB,QAAQ;IACLkB,KAAK,EAAEd,CAAC,WAAY;IACpBe,IAAI,EAAEH,KAAM;IACZI,MAAM,eACFzB,KAAA,CAAAsB,aAAA,CAACd,QAAQ;MACLkB,KAAK,EAAEX,MAAO;MACdY,QAAQ,EAAEX,SAAU;MACpBY,gBAAgB,EAAEnB,CAAC;IAAsB,CAC5C,CACJ;IACDoB,kBAAkB,eAAE7B,KAAA,CAAAsB,aAAA,CAAChB,aAAa,CAACwB,OAAO;MAAC,eAAa;IAA2B,CAAE;EAAE,GAEtF,CAAC;IAAEN;EAAuC,CAAC,kBACxCxB,KAAA,CAAAsB,aAAA,CAACf,IAAI;IAAC,eAAY;EAAmB,GAChCiB,IAAI,CAACO,GAAG,CAACC,IAAI,iBACVhC,KAAA,CAAAsB,aAAA,CAACf,IAAI,CAAC0B,IAAI;IACNC,GAAG,EAAEF,IAAI,CAACG,EAAG;IACbC,QAAQ,EAAEJ,IAAI,CAACG,EAAE,KAAKtB,QAAS;IAC/BU,KAAK,EAAES,IAAI,CAACd,IAAK;IACjBmB,OAAO,EAAEA,CAAA,KAAMvB,WAAW,CAACkB,IAAI,CAACG,EAAE;EAAE,CACvC,CACJ,CACC,CAEJ,CAAC;AAEnB,CAAC","ignoreList":[]}
@@ -26,6 +26,7 @@ export const RemoveStep = props => {
26
26
  actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, {
27
27
  onClick: close
28
28
  }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
29
+ text: "Ok, delete",
29
30
  onClick: onRemove
30
31
  })),
31
32
  showCloseButton: false,
@@ -1 +1 @@
1
- {"version":3,"names":["React","Accordion","Dialog","Icon","ReactComponent","TrashIcon","useToggler","RemoveStep","props","onRemove","step","on","toggle","toggleOn","createElement","Fragment","Item","Action","onClick","icon","size","label","open","onOpenChange","title","actions","CancelAction","close","ConfirmAction","showCloseButton","dismissible"],"sources":["RemoveStep.tsx"],"sourcesContent":["import React from \"react\";\nimport { Accordion, Dialog, Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as TrashIcon } from \"@webiny/icons/delete.svg\";\nimport { IWorkflowStep } from \"~/types.js\";\nimport { useToggler } from \"@webiny/app-admin\";\n\nexport interface IRemoveStepProps {\n onRemove: () => void;\n step: IWorkflowStep;\n}\n\nexport const RemoveStep = (props: IRemoveStepProps) => {\n const { onRemove, step } = props;\n const { on, toggle, toggleOn } = useToggler();\n\n return (\n <>\n <Accordion.Item.Action\n onClick={toggleOn}\n icon={<Icon size={\"sm\"} label={\"Remove Step\"} icon={<TrashIcon />} />}\n />\n <Dialog\n open={on}\n onOpenChange={toggle}\n title={`Remove workflow step \"${step.title}\"?`}\n actions={\n <>\n <Dialog.CancelAction onClick={close} />\n <Dialog.ConfirmAction onClick={onRemove} />\n </>\n }\n showCloseButton={false}\n dismissible={true}\n >\n You will remove the step from the workflow. This action can be undone if you do not\n save the workflow.\n </Dialog>\n </>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAC1D,SAASC,cAAc,IAAIC,SAAS,QAAQ,0BAA0B;AAEtE,SAASC,UAAU,QAAQ,mBAAmB;AAO9C,OAAO,MAAMC,UAAU,GAAIC,KAAuB,IAAK;EACnD,MAAM;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAChC,MAAM;IAAEG,EAAE;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGP,UAAU,CAAC,CAAC;EAE7C,oBACIN,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACb,SAAS,CAACe,IAAI,CAACC,MAAM;IAClBC,OAAO,EAAEL,QAAS;IAClBM,IAAI,eAAEnB,KAAA,CAAAc,aAAA,CAACX,IAAI;MAACiB,IAAI,EAAE,IAAK;MAACC,KAAK,EAAE,aAAc;MAACF,IAAI,eAAEnB,KAAA,CAAAc,aAAA,CAACT,SAAS,MAAE;IAAE,CAAE;EAAE,CACzE,CAAC,eACFL,KAAA,CAAAc,aAAA,CAACZ,MAAM;IACHoB,IAAI,EAAEX,EAAG;IACTY,YAAY,EAAEX,MAAO;IACrBY,KAAK,EAAE,yBAAyBd,IAAI,CAACc,KAAK,IAAK;IAC/CC,OAAO,eACHzB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACZ,MAAM,CAACwB,YAAY;MAACR,OAAO,EAAES;IAAM,CAAE,CAAC,eACvC3B,KAAA,CAAAc,aAAA,CAACZ,MAAM,CAAC0B,aAAa;MAACV,OAAO,EAAET;IAAS,CAAE,CAC5C,CACL;IACDoB,eAAe,EAAE,KAAM;IACvBC,WAAW,EAAE;EAAK,GACrB,wGAGO,CACV,CAAC;AAEX,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","Accordion","Dialog","Icon","ReactComponent","TrashIcon","useToggler","RemoveStep","props","onRemove","step","on","toggle","toggleOn","createElement","Fragment","Item","Action","onClick","icon","size","label","open","onOpenChange","title","actions","CancelAction","close","ConfirmAction","text","showCloseButton","dismissible"],"sources":["RemoveStep.tsx"],"sourcesContent":["import React from \"react\";\nimport { Accordion, Dialog, Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as TrashIcon } from \"@webiny/icons/delete.svg\";\nimport { IWorkflowStep } from \"~/types.js\";\nimport { useToggler } from \"@webiny/app-admin\";\n\nexport interface IRemoveStepProps {\n onRemove: () => void;\n step: IWorkflowStep;\n}\n\nexport const RemoveStep = (props: IRemoveStepProps) => {\n const { onRemove, step } = props;\n const { on, toggle, toggleOn } = useToggler();\n\n return (\n <>\n <Accordion.Item.Action\n onClick={toggleOn}\n icon={<Icon size={\"sm\"} label={\"Remove Step\"} icon={<TrashIcon />} />}\n />\n <Dialog\n open={on}\n onOpenChange={toggle}\n title={`Remove workflow step \"${step.title}\"?`}\n actions={\n <>\n <Dialog.CancelAction onClick={close} />\n <Dialog.ConfirmAction text={\"Ok, delete\"} onClick={onRemove} />\n </>\n }\n showCloseButton={false}\n dismissible={true}\n >\n You will remove the step from the workflow. This action can be undone if you do not\n save the workflow.\n </Dialog>\n </>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAC1D,SAASC,cAAc,IAAIC,SAAS,QAAQ,0BAA0B;AAEtE,SAASC,UAAU,QAAQ,mBAAmB;AAO9C,OAAO,MAAMC,UAAU,GAAIC,KAAuB,IAAK;EACnD,MAAM;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAChC,MAAM;IAAEG,EAAE;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGP,UAAU,CAAC,CAAC;EAE7C,oBACIN,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACb,SAAS,CAACe,IAAI,CAACC,MAAM;IAClBC,OAAO,EAAEL,QAAS;IAClBM,IAAI,eAAEnB,KAAA,CAAAc,aAAA,CAACX,IAAI;MAACiB,IAAI,EAAE,IAAK;MAACC,KAAK,EAAE,aAAc;MAACF,IAAI,eAAEnB,KAAA,CAAAc,aAAA,CAACT,SAAS,MAAE;IAAE,CAAE;EAAE,CACzE,CAAC,eACFL,KAAA,CAAAc,aAAA,CAACZ,MAAM;IACHoB,IAAI,EAAEX,EAAG;IACTY,YAAY,EAAEX,MAAO;IACrBY,KAAK,EAAE,yBAAyBd,IAAI,CAACc,KAAK,IAAK;IAC/CC,OAAO,eACHzB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACZ,MAAM,CAACwB,YAAY;MAACR,OAAO,EAAES;IAAM,CAAE,CAAC,eACvC3B,KAAA,CAAAc,aAAA,CAACZ,MAAM,CAAC0B,aAAa;MAACC,IAAI,EAAE,YAAa;MAACX,OAAO,EAAET;IAAS,CAAE,CAChE,CACL;IACDqB,eAAe,EAAE,KAAM;IACvBC,WAAW,EAAE;EAAK,GACrB,wGAGO,CACV,CAAC;AAEX,CAAC","ignoreList":[]}
@@ -13,6 +13,6 @@ export interface IStepProps {
13
13
  open?: boolean;
14
14
  notifications: IWorkflowNotificationType[];
15
15
  }
16
- export declare const Step: (({ step, title, onCancel: initialOnCancel, onSave: initialOnSave, onRemove: initialOnRemove, onMoveUp, canMoveUp, onMoveDown, canMoveDown, open, notifications }: IStepProps) => React.JSX.Element) & {
16
+ export declare const Step: (({ step, title, onCancel: initialOnCancel, onSave: initialOnSave, onRemove: initialOnRemove, onMoveUp, canMoveUp, onMoveDown, canMoveDown, open }: IStepProps) => React.JSX.Element) & {
17
17
  displayName: string;
18
18
  };
@@ -8,7 +8,7 @@ import { StepFormTitle } from "./Form/StepFormTitle.js";
8
8
  import { StepFormColor } from "./Form/StepFormColor.js";
9
9
  import { StepFormDescription } from "./Form/StepFormDescription.js";
10
10
  import { StepFormTeams } from "./Form/StepFormTeams.js";
11
- import { StepFormNotifications } from "./Form/StepFormNotifications.js";
11
+ // import { StepFormNotifications } from "./Form/StepFormNotifications.js";
12
12
  import { RemoveStep } from "./Step/RemoveStep.js";
13
13
  const useEditing = (defaultValue = false) => {
14
14
  const [editing, setEditing] = useState(defaultValue);
@@ -34,8 +34,8 @@ export const Step = observer(({
34
34
  canMoveUp,
35
35
  onMoveDown,
36
36
  canMoveDown,
37
- open,
38
- notifications
37
+ open
38
+ // notifications
39
39
  }) => {
40
40
  const {
41
41
  editing,
@@ -109,11 +109,7 @@ export const Step = observer(({
109
109
  span: 12
110
110
  }, /*#__PURE__*/React.createElement(StepFormDescription, null)), /*#__PURE__*/React.createElement(Grid.Column, {
111
111
  span: 12
112
- }, /*#__PURE__*/React.createElement(StepFormTeams, null)), /*#__PURE__*/React.createElement(Grid.Column, {
113
- span: 12
114
- }, /*#__PURE__*/React.createElement(StepFormNotifications, {
115
- items: notifications
116
- }))))) : /*#__PURE__*/React.createElement(Accordion, {
112
+ }, /*#__PURE__*/React.createElement(StepFormTeams, null))))) : /*#__PURE__*/React.createElement(Accordion, {
117
113
  variant: "container",
118
114
  background: "base",
119
115
  border: "accent"
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCallback","useState","Accordion","Card","Grid","Icon","ReactComponent","ArrowUp","ArrowDown","observer","Form","StepFormTitle","StepFormColor","StepFormDescription","StepFormTeams","StepFormNotifications","RemoveStep","useEditing","defaultValue","editing","setEditing","startEditing","stopEditing","Step","step","title","onCancel","initialOnCancel","onSave","initialOnSave","onRemove","initialOnRemove","onMoveUp","canMoveUp","onMoveDown","canMoveDown","open","notifications","moveUp","moveDown","onOpenChange","onSubmit","input","createElement","data","submit","onFormSubmit","className","Fragment","padding","actionsPosition","variant","actions","CancelAction","onClick","text","ConfirmAction","gap","Column","span","items","background","border","Item","key","id","description","colorMark","color","Action","disabled","icon","label","size","Separator"],"sources":["Step.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Accordion, Card, Grid, Icon } from \"@webiny/admin-ui\";\nimport type { IWorkflowNotificationType, IWorkflowStep } from \"~/types.js\";\nimport { ReactComponent as ArrowUp } from \"@webiny/icons/arrow_upward.svg\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/arrow_downward.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { Form } from \"@webiny/form\";\nimport { StepFormTitle } from \"./Form/StepFormTitle.js\";\nimport { StepFormColor } from \"./Form/StepFormColor.js\";\nimport { StepFormDescription } from \"./Form/StepFormDescription.js\";\nimport { StepFormTeams } from \"./Form/StepFormTeams.js\";\nimport { StepFormNotifications } from \"./Form/StepFormNotifications.js\";\nimport { RemoveStep } from \"./Step/RemoveStep.js\";\n\nexport interface IStepProps {\n step: IWorkflowStep;\n title?: string;\n onCancel?: () => void;\n onSave: (input: IWorkflowStep) => void;\n onRemove?: (step: Pick<IWorkflowStep, \"id\">) => void;\n onMoveUp?: (step: Pick<IWorkflowStep, \"id\">) => void;\n canMoveUp?: (step: Pick<IWorkflowStep, \"id\">) => boolean;\n onMoveDown?: (step: Pick<IWorkflowStep, \"id\">) => void;\n canMoveDown?: (step: Pick<IWorkflowStep, \"id\">) => boolean;\n open?: boolean;\n notifications: IWorkflowNotificationType[];\n}\n\nconst useEditing = (defaultValue = false) => {\n const [editing, setEditing] = useState(defaultValue);\n\n const startEditing = useCallback(() => {\n setEditing(true);\n }, []);\n const stopEditing = useCallback(() => {\n setEditing(false);\n }, []);\n return {\n editing,\n startEditing,\n stopEditing\n };\n};\n\nexport const Step = observer(\n ({\n step,\n title,\n onCancel: initialOnCancel,\n onSave: initialOnSave,\n onRemove: initialOnRemove,\n onMoveUp,\n canMoveUp,\n onMoveDown,\n canMoveDown,\n open,\n notifications\n }: IStepProps) => {\n const { editing, stopEditing, startEditing } = useEditing(open);\n\n const onCancel = useCallback(() => {\n stopEditing();\n if (!initialOnCancel) {\n return;\n }\n initialOnCancel();\n }, [initialOnCancel]);\n\n const onRemove = useCallback(() => {\n if (!initialOnRemove) {\n return;\n }\n initialOnRemove(step);\n }, [step]);\n\n const moveUp = useCallback(() => {\n if (!canMoveUp || !onMoveUp || !canMoveUp(step)) {\n return;\n }\n onMoveUp(step);\n }, [onMoveUp, step]);\n\n const moveDown = useCallback(() => {\n if (!canMoveDown || !onMoveDown || !canMoveDown(step)) {\n return;\n }\n onMoveDown(step);\n }, [onMoveDown, step]);\n\n const onOpenChange = useCallback(() => {\n if (editing) {\n stopEditing();\n return;\n }\n startEditing();\n }, [step, editing]);\n\n const onSubmit = useCallback(\n (input: IWorkflowStep) => {\n initialOnSave(input);\n stopEditing();\n },\n [initialOnSave, step]\n );\n\n return (\n <Form<IWorkflowStep> data={step} onSubmit={onSubmit}>\n {({ submit: onFormSubmit }) => {\n return (\n <div className={\"flex items-center justify-space-between gap-sm-plus\"}>\n {editing ? (\n <>\n <Card\n className={\"w-full\"}\n padding=\"md\"\n title={step.title || title}\n actionsPosition={\"header\"}\n variant=\"accent\"\n actions={\n <>\n <Card.CancelAction\n onClick={onCancel}\n text={\"Cancel\"}\n />\n <Card.ConfirmAction\n onClick={onFormSubmit}\n text={\"Save\"}\n />\n </>\n }\n >\n <Grid gap={\"comfortable\"}>\n <Grid.Column span={10}>\n <StepFormTitle />\n </Grid.Column>\n <Grid.Column span={2}>\n <StepFormColor />\n </Grid.Column>\n <Grid.Column span={12}>\n <StepFormDescription />\n </Grid.Column>\n <Grid.Column span={12}>\n <StepFormTeams />\n </Grid.Column>\n <Grid.Column span={12}>\n <StepFormNotifications items={notifications} />\n </Grid.Column>\n </Grid>\n </Card>\n </>\n ) : (\n <Accordion\n variant={\"container\"}\n background={\"base\"}\n border={\"accent\"}\n >\n <Accordion.Item\n key={`step-${step.id}`}\n title={step.title || title}\n description={step.description}\n colorMark={step.color}\n onOpenChange={onOpenChange}\n actions={\n <>\n {canMoveUp && (\n <Accordion.Item.Action\n onClick={moveUp}\n disabled={!canMoveUp(step)}\n icon={\n <Icon\n label={\"Move step up\"}\n size={\"md\"}\n icon={<ArrowUp />}\n />\n }\n />\n )}\n {canMoveDown && (\n <Accordion.Item.Action\n onClick={moveDown}\n disabled={!canMoveDown(step)}\n icon={\n <Icon\n label={\"Move step down\"}\n size={\"md\"}\n icon={<ArrowDown />}\n />\n }\n />\n )}\n <Accordion.Item.Action.Separator />\n <RemoveStep step={step} onRemove={onRemove} />\n </>\n }\n >\n {null}\n </Accordion.Item>\n </Accordion>\n )}\n </div>\n );\n }}\n </Form>\n );\n }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAE9D,SAASC,cAAc,IAAIC,OAAO,QAAQ,gCAAgC;AAC1E,SAASD,cAAc,IAAIE,SAAS,QAAQ,kCAAkC;AAC9E,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAC5B,SAASC,aAAa;AACtB,SAASC,qBAAqB;AAC9B,SAASC,UAAU;AAgBnB,MAAMC,UAAU,GAAGA,CAACC,YAAY,GAAG,KAAK,KAAK;EACzC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGnB,QAAQ,CAACiB,YAAY,CAAC;EAEpD,MAAMG,YAAY,GAAGrB,WAAW,CAAC,MAAM;IACnCoB,UAAU,CAAC,IAAI,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EACN,MAAME,WAAW,GAAGtB,WAAW,CAAC,MAAM;IAClCoB,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EACN,OAAO;IACHD,OAAO;IACPE,YAAY;IACZC;EACJ,CAAC;AACL,CAAC;AAED,OAAO,MAAMC,IAAI,GAAGd,QAAQ,CACxB,CAAC;EACGe,IAAI;EACJC,KAAK;EACLC,QAAQ,EAAEC,eAAe;EACzBC,MAAM,EAAEC,aAAa;EACrBC,QAAQ,EAAEC,eAAe;EACzBC,QAAQ;EACRC,SAAS;EACTC,UAAU;EACVC,WAAW;EACXC,IAAI;EACJC;AACQ,CAAC,KAAK;EACd,MAAM;IAAElB,OAAO;IAAEG,WAAW;IAAED;EAAa,CAAC,GAAGJ,UAAU,CAACmB,IAAI,CAAC;EAE/D,MAAMV,QAAQ,GAAG1B,WAAW,CAAC,MAAM;IAC/BsB,WAAW,CAAC,CAAC;IACb,IAAI,CAACK,eAAe,EAAE;MAClB;IACJ;IACAA,eAAe,CAAC,CAAC;EACrB,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,MAAMG,QAAQ,GAAG9B,WAAW,CAAC,MAAM;IAC/B,IAAI,CAAC+B,eAAe,EAAE;MAClB;IACJ;IACAA,eAAe,CAACP,IAAI,CAAC;EACzB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMc,MAAM,GAAGtC,WAAW,CAAC,MAAM;IAC7B,IAAI,CAACiC,SAAS,IAAI,CAACD,QAAQ,IAAI,CAACC,SAAS,CAACT,IAAI,CAAC,EAAE;MAC7C;IACJ;IACAQ,QAAQ,CAACR,IAAI,CAAC;EAClB,CAAC,EAAE,CAACQ,QAAQ,EAAER,IAAI,CAAC,CAAC;EAEpB,MAAMe,QAAQ,GAAGvC,WAAW,CAAC,MAAM;IAC/B,IAAI,CAACmC,WAAW,IAAI,CAACD,UAAU,IAAI,CAACC,WAAW,CAACX,IAAI,CAAC,EAAE;MACnD;IACJ;IACAU,UAAU,CAACV,IAAI,CAAC;EACpB,CAAC,EAAE,CAACU,UAAU,EAAEV,IAAI,CAAC,CAAC;EAEtB,MAAMgB,YAAY,GAAGxC,WAAW,CAAC,MAAM;IACnC,IAAImB,OAAO,EAAE;MACTG,WAAW,CAAC,CAAC;MACb;IACJ;IACAD,YAAY,CAAC,CAAC;EAClB,CAAC,EAAE,CAACG,IAAI,EAAEL,OAAO,CAAC,CAAC;EAEnB,MAAMsB,QAAQ,GAAGzC,WAAW,CACvB0C,KAAoB,IAAK;IACtBb,aAAa,CAACa,KAAK,CAAC;IACpBpB,WAAW,CAAC,CAAC;EACjB,CAAC,EACD,CAACO,aAAa,EAAEL,IAAI,CACxB,CAAC;EAED,oBACIzB,KAAA,CAAA4C,aAAA,CAACjC,IAAI;IAAgBkC,IAAI,EAAEpB,IAAK;IAACiB,QAAQ,EAAEA;EAAS,GAC/C,CAAC;IAAEI,MAAM,EAAEC;EAAa,CAAC,KAAK;IAC3B,oBACI/C,KAAA,CAAA4C,aAAA;MAAKI,SAAS,EAAE;IAAsD,GACjE5B,OAAO,gBACJpB,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAAiD,QAAA,qBACIjD,KAAA,CAAA4C,aAAA,CAACxC,IAAI;MACD4C,SAAS,EAAE,QAAS;MACpBE,OAAO,EAAC,IAAI;MACZxB,KAAK,EAAED,IAAI,CAACC,KAAK,IAAIA,KAAM;MAC3ByB,eAAe,EAAE,QAAS;MAC1BC,OAAO,EAAC,QAAQ;MAChBC,OAAO,eACHrD,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAAiD,QAAA,qBACIjD,KAAA,CAAA4C,aAAA,CAACxC,IAAI,CAACkD,YAAY;QACdC,OAAO,EAAE5B,QAAS;QAClB6B,IAAI,EAAE;MAAS,CAClB,CAAC,eACFxD,KAAA,CAAA4C,aAAA,CAACxC,IAAI,CAACqD,aAAa;QACfF,OAAO,EAAER,YAAa;QACtBS,IAAI,EAAE;MAAO,CAChB,CACH;IACL,gBAEDxD,KAAA,CAAA4C,aAAA,CAACvC,IAAI;MAACqD,GAAG,EAAE;IAAc,gBACrB1D,KAAA,CAAA4C,aAAA,CAACvC,IAAI,CAACsD,MAAM;MAACC,IAAI,EAAE;IAAG,gBAClB5D,KAAA,CAAA4C,aAAA,CAAChC,aAAa,MAAE,CACP,CAAC,eACdZ,KAAA,CAAA4C,aAAA,CAACvC,IAAI,CAACsD,MAAM;MAACC,IAAI,EAAE;IAAE,gBACjB5D,KAAA,CAAA4C,aAAA,CAAC/B,aAAa,MAAE,CACP,CAAC,eACdb,KAAA,CAAA4C,aAAA,CAACvC,IAAI,CAACsD,MAAM;MAACC,IAAI,EAAE;IAAG,gBAClB5D,KAAA,CAAA4C,aAAA,CAAC9B,mBAAmB,MAAE,CACb,CAAC,eACdd,KAAA,CAAA4C,aAAA,CAACvC,IAAI,CAACsD,MAAM;MAACC,IAAI,EAAE;IAAG,gBAClB5D,KAAA,CAAA4C,aAAA,CAAC7B,aAAa,MAAE,CACP,CAAC,eACdf,KAAA,CAAA4C,aAAA,CAACvC,IAAI,CAACsD,MAAM;MAACC,IAAI,EAAE;IAAG,gBAClB5D,KAAA,CAAA4C,aAAA,CAAC5B,qBAAqB;MAAC6C,KAAK,EAAEvB;IAAc,CAAE,CACrC,CACX,CACJ,CACR,CAAC,gBAEHtC,KAAA,CAAA4C,aAAA,CAACzC,SAAS;MACNiD,OAAO,EAAE,WAAY;MACrBU,UAAU,EAAE,MAAO;MACnBC,MAAM,EAAE;IAAS,gBAEjB/D,KAAA,CAAA4C,aAAA,CAACzC,SAAS,CAAC6D,IAAI;MACXC,GAAG,EAAE,QAAQxC,IAAI,CAACyC,EAAE,EAAG;MACvBxC,KAAK,EAAED,IAAI,CAACC,KAAK,IAAIA,KAAM;MAC3ByC,WAAW,EAAE1C,IAAI,CAAC0C,WAAY;MAC9BC,SAAS,EAAE3C,IAAI,CAAC4C,KAAM;MACtB5B,YAAY,EAAEA,YAAa;MAC3BY,OAAO,eACHrD,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAAiD,QAAA,QACKf,SAAS,iBACNlC,KAAA,CAAA4C,aAAA,CAACzC,SAAS,CAAC6D,IAAI,CAACM,MAAM;QAClBf,OAAO,EAAEhB,MAAO;QAChBgC,QAAQ,EAAE,CAACrC,SAAS,CAACT,IAAI,CAAE;QAC3B+C,IAAI,eACAxE,KAAA,CAAA4C,aAAA,CAACtC,IAAI;UACDmE,KAAK,EAAE,cAAe;UACtBC,IAAI,EAAE,IAAK;UACXF,IAAI,eAAExE,KAAA,CAAA4C,aAAA,CAACpC,OAAO,MAAE;QAAE,CACrB;MACJ,CACJ,CACJ,EACA4B,WAAW,iBACRpC,KAAA,CAAA4C,aAAA,CAACzC,SAAS,CAAC6D,IAAI,CAACM,MAAM;QAClBf,OAAO,EAAEf,QAAS;QAClB+B,QAAQ,EAAE,CAACnC,WAAW,CAACX,IAAI,CAAE;QAC7B+C,IAAI,eACAxE,KAAA,CAAA4C,aAAA,CAACtC,IAAI;UACDmE,KAAK,EAAE,gBAAiB;UACxBC,IAAI,EAAE,IAAK;UACXF,IAAI,eAAExE,KAAA,CAAA4C,aAAA,CAACnC,SAAS,MAAE;QAAE,CACvB;MACJ,CACJ,CACJ,eACDT,KAAA,CAAA4C,aAAA,CAACzC,SAAS,CAAC6D,IAAI,CAACM,MAAM,CAACK,SAAS,MAAE,CAAC,eACnC3E,KAAA,CAAA4C,aAAA,CAAC3B,UAAU;QAACQ,IAAI,EAAEA,IAAK;QAACM,QAAQ,EAAEA;MAAS,CAAE,CAC/C;IACL,GAEA,IACW,CACT,CAEd,CAAC;EAEd,CACE,CAAC;AAEf,CACJ,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","useCallback","useState","Accordion","Card","Grid","Icon","ReactComponent","ArrowUp","ArrowDown","observer","Form","StepFormTitle","StepFormColor","StepFormDescription","StepFormTeams","RemoveStep","useEditing","defaultValue","editing","setEditing","startEditing","stopEditing","Step","step","title","onCancel","initialOnCancel","onSave","initialOnSave","onRemove","initialOnRemove","onMoveUp","canMoveUp","onMoveDown","canMoveDown","open","moveUp","moveDown","onOpenChange","onSubmit","input","createElement","data","submit","onFormSubmit","className","Fragment","padding","actionsPosition","variant","actions","CancelAction","onClick","text","ConfirmAction","gap","Column","span","background","border","Item","key","id","description","colorMark","color","Action","disabled","icon","label","size","Separator"],"sources":["Step.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Accordion, Card, Grid, Icon } from \"@webiny/admin-ui\";\nimport type { IWorkflowNotificationType, IWorkflowStep } from \"~/types.js\";\nimport { ReactComponent as ArrowUp } from \"@webiny/icons/arrow_upward.svg\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/arrow_downward.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { Form } from \"@webiny/form\";\nimport { StepFormTitle } from \"./Form/StepFormTitle.js\";\nimport { StepFormColor } from \"./Form/StepFormColor.js\";\nimport { StepFormDescription } from \"./Form/StepFormDescription.js\";\nimport { StepFormTeams } from \"./Form/StepFormTeams.js\";\n// import { StepFormNotifications } from \"./Form/StepFormNotifications.js\";\nimport { RemoveStep } from \"./Step/RemoveStep.js\";\n\nexport interface IStepProps {\n step: IWorkflowStep;\n title?: string;\n onCancel?: () => void;\n onSave: (input: IWorkflowStep) => void;\n onRemove?: (step: Pick<IWorkflowStep, \"id\">) => void;\n onMoveUp?: (step: Pick<IWorkflowStep, \"id\">) => void;\n canMoveUp?: (step: Pick<IWorkflowStep, \"id\">) => boolean;\n onMoveDown?: (step: Pick<IWorkflowStep, \"id\">) => void;\n canMoveDown?: (step: Pick<IWorkflowStep, \"id\">) => boolean;\n open?: boolean;\n notifications: IWorkflowNotificationType[];\n}\n\nconst useEditing = (defaultValue = false) => {\n const [editing, setEditing] = useState(defaultValue);\n\n const startEditing = useCallback(() => {\n setEditing(true);\n }, []);\n const stopEditing = useCallback(() => {\n setEditing(false);\n }, []);\n return {\n editing,\n startEditing,\n stopEditing\n };\n};\n\nexport const Step = observer(\n ({\n step,\n title,\n onCancel: initialOnCancel,\n onSave: initialOnSave,\n onRemove: initialOnRemove,\n onMoveUp,\n canMoveUp,\n onMoveDown,\n canMoveDown,\n open\n // notifications\n }: IStepProps) => {\n const { editing, stopEditing, startEditing } = useEditing(open);\n\n const onCancel = useCallback(() => {\n stopEditing();\n if (!initialOnCancel) {\n return;\n }\n initialOnCancel();\n }, [initialOnCancel]);\n\n const onRemove = useCallback(() => {\n if (!initialOnRemove) {\n return;\n }\n initialOnRemove(step);\n }, [step]);\n\n const moveUp = useCallback(() => {\n if (!canMoveUp || !onMoveUp || !canMoveUp(step)) {\n return;\n }\n onMoveUp(step);\n }, [onMoveUp, step]);\n\n const moveDown = useCallback(() => {\n if (!canMoveDown || !onMoveDown || !canMoveDown(step)) {\n return;\n }\n onMoveDown(step);\n }, [onMoveDown, step]);\n\n const onOpenChange = useCallback(() => {\n if (editing) {\n stopEditing();\n return;\n }\n startEditing();\n }, [step, editing]);\n\n const onSubmit = useCallback(\n (input: IWorkflowStep) => {\n initialOnSave(input);\n stopEditing();\n },\n [initialOnSave, step]\n );\n\n return (\n <Form<IWorkflowStep> data={step} onSubmit={onSubmit}>\n {({ submit: onFormSubmit }) => {\n return (\n <div className={\"flex items-center justify-space-between gap-sm-plus\"}>\n {editing ? (\n <>\n <Card\n className={\"w-full\"}\n padding=\"md\"\n title={step.title || title}\n actionsPosition={\"header\"}\n variant=\"accent\"\n actions={\n <>\n <Card.CancelAction\n onClick={onCancel}\n text={\"Cancel\"}\n />\n <Card.ConfirmAction\n onClick={onFormSubmit}\n text={\"Save\"}\n />\n </>\n }\n >\n <Grid gap={\"comfortable\"}>\n <Grid.Column span={10}>\n <StepFormTitle />\n </Grid.Column>\n <Grid.Column span={2}>\n <StepFormColor />\n </Grid.Column>\n <Grid.Column span={12}>\n <StepFormDescription />\n </Grid.Column>\n <Grid.Column span={12}>\n <StepFormTeams />\n </Grid.Column>\n {/*<Grid.Column span={12}>*/}\n {/* <StepFormNotifications items={notifications} />*/}\n {/*</Grid.Column>*/}\n </Grid>\n </Card>\n </>\n ) : (\n <Accordion\n variant={\"container\"}\n background={\"base\"}\n border={\"accent\"}\n >\n <Accordion.Item\n key={`step-${step.id}`}\n title={step.title || title}\n description={step.description}\n colorMark={step.color}\n onOpenChange={onOpenChange}\n actions={\n <>\n {canMoveUp && (\n <Accordion.Item.Action\n onClick={moveUp}\n disabled={!canMoveUp(step)}\n icon={\n <Icon\n label={\"Move step up\"}\n size={\"md\"}\n icon={<ArrowUp />}\n />\n }\n />\n )}\n {canMoveDown && (\n <Accordion.Item.Action\n onClick={moveDown}\n disabled={!canMoveDown(step)}\n icon={\n <Icon\n label={\"Move step down\"}\n size={\"md\"}\n icon={<ArrowDown />}\n />\n }\n />\n )}\n <Accordion.Item.Action.Separator />\n <RemoveStep step={step} onRemove={onRemove} />\n </>\n }\n >\n {null}\n </Accordion.Item>\n </Accordion>\n )}\n </div>\n );\n }}\n </Form>\n );\n }\n);\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export declare const SecurityPermissions: () => React.JSX.Element;
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ import { AdminConfig } from "@webiny/app-admin";
3
+ import { ReactComponent as PermissionsIcon } from "@webiny/icons/flowchart.svg";
4
+ import { WORKFLOWS_PERMISSIONS_SCHEMA } from "../../domain/permissionsSchema.js";
5
+ const {
6
+ Security
7
+ } = AdminConfig;
8
+ export const SecurityPermissions = () => {
9
+ return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Security.Permissions, {
10
+ name: "workflows",
11
+ title: "Workflows",
12
+ description: "Manage Workflows permissions.",
13
+ icon: /*#__PURE__*/React.createElement(PermissionsIcon, null),
14
+ schema: WORKFLOWS_PERMISSIONS_SCHEMA
15
+ }));
16
+ };
17
+
18
+ //# sourceMappingURL=SecurityPermissions.js.map