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

package/Components/WorkflowStatesWidget/List/WorkflowStateRowOptions.js

@@ -1,33 +1,42 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import { WorkflowStateOptions } from "../../Common/index.js";
 import { observer } from "mobx-react-lite";
 import { useWorkflowStatesWidget } from "../hooks/useWorkflowStatesWidget.js";
-export const WorkflowStateRowOptions = observer(props => {
-  const {
-    state
-  } = props;
-  const {
-    presenter
-  } = useWorkflowStatesWidget();
-  const onStart = useCallback(() => {
-    presenter.showStartStateStepDialog(state);
-  }, [presenter, state]);
-  const onTakeOver = useCallback(() => {
-    presenter.showTakeOverStateStepDialog(state);
-  }, [presenter, state]);
-  const onApprove = useCallback(() => {
-    presenter.showApproveStateStepDialog(state);
-  }, [presenter, state]);
-  const onReject = useCallback(() => {
-    presenter.showRejectStateStepDialog(state);
-  }, [presenter, state]);
-  return /*#__PURE__*/React.createElement(WorkflowStateOptions, {
-    state: state,
-    onStart: onStart,
-    onTakeOver: onTakeOver,
-    onApprove: onApprove,
-    onReject: onReject
-  });
+const WorkflowStateRowOptions = observer((props)=>{
+    const { state } = props;
+    const { presenter } = useWorkflowStatesWidget();
+    const onStart = useCallback(()=>{
+        presenter.showStartStateStepDialog(state);
+    }, [
+        presenter,
+        state
+    ]);
+    const onTakeOver = useCallback(()=>{
+        presenter.showTakeOverStateStepDialog(state);
+    }, [
+        presenter,
+        state
+    ]);
+    const onApprove = useCallback(()=>{
+        presenter.showApproveStateStepDialog(state);
+    }, [
+        presenter,
+        state
+    ]);
+    const onReject = useCallback(()=>{
+        presenter.showRejectStateStepDialog(state);
+    }, [
+        presenter,
+        state
+    ]);
+    return /*#__PURE__*/ react.createElement(WorkflowStateOptions, {
+        state: state,
+        onStart: onStart,
+        onTakeOver: onTakeOver,
+        onApprove: onApprove,
+        onReject: onReject
+    });
 });
+export { WorkflowStateRowOptions };
 
 //# sourceMappingURL=WorkflowStateRowOptions.js.map

package/Components/WorkflowStatesWidget/List/WorkflowStateRowOptions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","WorkflowStateOptions","observer","useWorkflowStatesWidget","WorkflowStateRowOptions","props","state","presenter","onStart","showStartStateStepDialog","onTakeOver","showTakeOverStateStepDialog","onApprove","showApproveStateStepDialog","onReject","showRejectStateStepDialog","createElement"],"sources":["WorkflowStateRowOptions.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { IWorkflowState } from \"~/types.js\";\nimport { WorkflowStateOptions } from \"~/Components/Common/index.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowStatesWidget } from \"~/Components/WorkflowStatesWidget/hooks/useWorkflowStatesWidget.js\";\n\ninterface IWorkflowStateRowOptionsProps {\n    state: IWorkflowState;\n}\n\nexport const WorkflowStateRowOptions = observer((props: IWorkflowStateRowOptionsProps) => {\n    const { state } = props;\n    const { presenter } = useWorkflowStatesWidget();\n\n    const onStart = useCallback(() => {\n        presenter.showStartStateStepDialog(state);\n    }, [presenter, state]);\n\n    const onTakeOver = useCallback(() => {\n        presenter.showTakeOverStateStepDialog(state);\n    }, [presenter, state]);\n\n    const onApprove = useCallback(() => {\n        presenter.showApproveStateStepDialog(state);\n    }, [presenter, state]);\n\n    const onReject = useCallback(() => {\n        presenter.showRejectStateStepDialog(state);\n    }, [presenter, state]);\n\n    return (\n        <WorkflowStateOptions\n            state={state}\n            onStart={onStart}\n            onTakeOver={onTakeOver}\n            onApprove={onApprove}\n            onReject={onReject}\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,oBAAoB;AAC7B,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,uBAAuB;AAMhC,OAAO,MAAMC,uBAAuB,GAAGF,QAAQ,CAAEG,KAAoC,IAAK;EACtF,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAM;IAAEE;EAAU,CAAC,GAAGJ,uBAAuB,CAAC,CAAC;EAE/C,MAAMK,OAAO,GAAGR,WAAW,CAAC,MAAM;IAC9BO,SAAS,CAACE,wBAAwB,CAACH,KAAK,CAAC;EAC7C,CAAC,EAAE,CAACC,SAAS,EAAED,KAAK,CAAC,CAAC;EAEtB,MAAMI,UAAU,GAAGV,WAAW,CAAC,MAAM;IACjCO,SAAS,CAACI,2BAA2B,CAACL,KAAK,CAAC;EAChD,CAAC,EAAE,CAACC,SAAS,EAAED,KAAK,CAAC,CAAC;EAEtB,MAAMM,SAAS,GAAGZ,WAAW,CAAC,MAAM;IAChCO,SAAS,CAACM,0BAA0B,CAACP,KAAK,CAAC;EAC/C,CAAC,EAAE,CAACC,SAAS,EAAED,KAAK,CAAC,CAAC;EAEtB,MAAMQ,QAAQ,GAAGd,WAAW,CAAC,MAAM;IAC/BO,SAAS,CAACQ,yBAAyB,CAACT,KAAK,CAAC;EAC9C,CAAC,EAAE,CAACC,SAAS,EAAED,KAAK,CAAC,CAAC;EAEtB,oBACIP,KAAA,CAAAiB,aAAA,CAACf,oBAAoB;IACjBK,KAAK,EAAEA,KAAM;IACbE,OAAO,EAAEA,OAAQ;IACjBE,UAAU,EAAEA,UAAW;IACvBE,SAAS,EAAEA,SAAU;IACrBE,QAAQ,EAAEA;EAAS,CACtB,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowStatesWidget/List/WorkflowStateRowOptions.js","sources":["../../../../src/Components/WorkflowStatesWidget/List/WorkflowStateRowOptions.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { IWorkflowState } from \"~/types.js\";\nimport { WorkflowStateOptions } from \"~/Components/Common/index.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowStatesWidget } from \"~/Components/WorkflowStatesWidget/hooks/useWorkflowStatesWidget.js\";\n\ninterface IWorkflowStateRowOptionsProps {\n    state: IWorkflowState;\n}\n\nexport const WorkflowStateRowOptions = observer((props: IWorkflowStateRowOptionsProps) => {\n    const { state } = props;\n    const { presenter } = useWorkflowStatesWidget();\n\n    const onStart = useCallback(() => {\n        presenter.showStartStateStepDialog(state);\n    }, [presenter, state]);\n\n    const onTakeOver = useCallback(() => {\n        presenter.showTakeOverStateStepDialog(state);\n    }, [presenter, state]);\n\n    const onApprove = useCallback(() => {\n        presenter.showApproveStateStepDialog(state);\n    }, [presenter, state]);\n\n    const onReject = useCallback(() => {\n        presenter.showRejectStateStepDialog(state);\n    }, [presenter, state]);\n\n    return (\n        <WorkflowStateOptions\n            state={state}\n            onStart={onStart}\n            onTakeOver={onTakeOver}\n            onApprove={onApprove}\n            onReject={onReject}\n        />\n    );\n});\n"],"names":["WorkflowStateRowOptions","observer","props","state","presenter","useWorkflowStatesWidget","onStart","useCallback","onTakeOver","onApprove","onReject","WorkflowStateOptions"],"mappings":";;;;AAUO,MAAMA,0BAA0BC,SAAS,CAACC;IAC7C,MAAM,EAAEC,KAAK,EAAE,GAAGD;IAClB,MAAM,EAAEE,SAAS,EAAE,GAAGC;IAEtB,MAAMC,UAAUC,YAAY;QACxBH,UAAU,wBAAwB,CAACD;IACvC,GAAG;QAACC;QAAWD;KAAM;IAErB,MAAMK,aAAaD,YAAY;QAC3BH,UAAU,2BAA2B,CAACD;IAC1C,GAAG;QAACC;QAAWD;KAAM;IAErB,MAAMM,YAAYF,YAAY;QAC1BH,UAAU,0BAA0B,CAACD;IACzC,GAAG;QAACC;QAAWD;KAAM;IAErB,MAAMO,WAAWH,YAAY;QACzBH,UAAU,yBAAyB,CAACD;IACxC,GAAG;QAACC;QAAWD;KAAM;IAErB,OAAO,WAAP,GACI,oBAACQ,sBAAoBA;QACjB,OAAOR;QACP,SAASG;QACT,YAAYE;QACZ,WAAWC;QACX,UAAUC;;AAGtB"}

package/Components/WorkflowStatesWidget/Provider/WorkflowStatesProvider.js

@@ -1,34 +1,30 @@
 import { WorkflowStatesWidgetPresenter } from "../../../Presenters/index.js";
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import { WorkflowStatesWidgetGateway } from "../../../Gateways/index.js";
 import { WorkflowStatesWidgetRepository } from "../../../Repositories/index.js";
-export const WorkflowStatesWidgetContext = /*#__PURE__*/React.createContext(null);
-export const WorkflowStatesProvider = props => {
-  const {
-    children,
-    client,
-    type,
-    states
-  } = props;
-  const presenter = useMemo(() => {
-    const gateway = new WorkflowStatesWidgetGateway({
-      client
-    });
-    const repository = new WorkflowStatesWidgetRepository({
-      gateway
-    });
-    return new WorkflowStatesWidgetPresenter({
-      repository,
-      type,
-      states
-    });
-  }, []);
-  const value = {
-    presenter
-  };
-  return /*#__PURE__*/React.createElement(WorkflowStatesWidgetContext.Provider, {
-    value: value
-  }, children);
+const WorkflowStatesWidgetContext = /*#__PURE__*/ react.createContext(null);
+const WorkflowStatesProvider = (props)=>{
+    const { children, client, type, states } = props;
+    const presenter = useMemo(()=>{
+        const gateway = new WorkflowStatesWidgetGateway({
+            client
+        });
+        const repository = new WorkflowStatesWidgetRepository({
+            gateway
+        });
+        return new WorkflowStatesWidgetPresenter({
+            repository,
+            type,
+            states
+        });
+    }, []);
+    const value = {
+        presenter
+    };
+    return /*#__PURE__*/ react.createElement(WorkflowStatesWidgetContext.Provider, {
+        value: value
+    }, children);
 };
+export { WorkflowStatesProvider, WorkflowStatesWidgetContext };
 
 //# sourceMappingURL=WorkflowStatesProvider.js.map

package/Components/WorkflowStatesWidget/Provider/WorkflowStatesProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["WorkflowStatesWidgetPresenter","React","useMemo","WorkflowStatesWidgetGateway","WorkflowStatesWidgetRepository","WorkflowStatesWidgetContext","createContext","WorkflowStatesProvider","props","children","client","type","states","presenter","gateway","repository","value","createElement","Provider"],"sources":["WorkflowStatesProvider.tsx"],"sourcesContent":["import type { IWorkflowStatesWidgetPresenter } from \"~/Presenters/index.js\";\nimport { WorkflowStatesWidgetPresenter } from \"~/Presenters/index.js\";\nimport React, { useMemo } from \"react\";\nimport { WorkflowStatesWidgetGateway } from \"~/Gateways/index.js\";\nimport { WorkflowStatesWidgetRepository } from \"~/Repositories/index.js\";\nimport type ApolloClient from \"apollo-client\";\nimport type { NonEmptyArray } from \"@webiny/app/types.js\";\nimport type { WorkflowStateValue } from \"~/types.js\";\n\nexport interface IWorkflowStatesWidgetContext {\n    presenter: IWorkflowStatesWidgetPresenter;\n}\n\nexport const WorkflowStatesWidgetContext = React.createContext<IWorkflowStatesWidgetContext | null>(\n    null\n);\n\ninterface IWorkflowStatesProviderProps {\n    type: \"own\" | \"requested\";\n    children: React.ReactNode;\n    client: ApolloClient<object>;\n    states: NonEmptyArray<WorkflowStateValue>;\n}\n\nexport const WorkflowStatesProvider = (props: IWorkflowStatesProviderProps) => {\n    const { children, client, type, states } = props;\n\n    const presenter = useMemo(() => {\n        const gateway = new WorkflowStatesWidgetGateway({\n            client\n        });\n        const repository = new WorkflowStatesWidgetRepository({\n            gateway\n        });\n        return new WorkflowStatesWidgetPresenter({\n            repository,\n            type,\n            states\n        });\n    }, []);\n\n    const value: IWorkflowStatesWidgetContext = {\n        presenter\n    };\n\n    return (\n        <WorkflowStatesWidgetContext.Provider value={value}>\n            {children}\n        </WorkflowStatesWidgetContext.Provider>\n    );\n};\n"],"mappings":"AACA,SAASA,6BAA6B;AACtC,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,2BAA2B;AACpC,SAASC,8BAA8B;AASvC,OAAO,MAAMC,2BAA2B,gBAAGJ,KAAK,CAACK,aAAa,CAC1D,IACJ,CAAC;AASD,OAAO,MAAMC,sBAAsB,GAAIC,KAAmC,IAAK;EAC3E,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGJ,KAAK;EAEhD,MAAMK,SAAS,GAAGX,OAAO,CAAC,MAAM;IAC5B,MAAMY,OAAO,GAAG,IAAIX,2BAA2B,CAAC;MAC5CO;IACJ,CAAC,CAAC;IACF,MAAMK,UAAU,GAAG,IAAIX,8BAA8B,CAAC;MAClDU;IACJ,CAAC,CAAC;IACF,OAAO,IAAId,6BAA6B,CAAC;MACrCe,UAAU;MACVJ,IAAI;MACJC;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,KAAmC,GAAG;IACxCH;EACJ,CAAC;EAED,oBACIZ,KAAA,CAAAgB,aAAA,CAACZ,2BAA2B,CAACa,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAC9CP,QACiC,CAAC;AAE/C,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowStatesWidget/Provider/WorkflowStatesProvider.js","sources":["../../../../src/Components/WorkflowStatesWidget/Provider/WorkflowStatesProvider.tsx"],"sourcesContent":["import type { IWorkflowStatesWidgetPresenter } from \"~/Presenters/index.js\";\nimport { WorkflowStatesWidgetPresenter } from \"~/Presenters/index.js\";\nimport React, { useMemo } from \"react\";\nimport { WorkflowStatesWidgetGateway } from \"~/Gateways/index.js\";\nimport { WorkflowStatesWidgetRepository } from \"~/Repositories/index.js\";\nimport type ApolloClient from \"apollo-client\";\nimport type { NonEmptyArray } from \"@webiny/app/types.js\";\nimport type { WorkflowStateValue } from \"~/types.js\";\n\nexport interface IWorkflowStatesWidgetContext {\n    presenter: IWorkflowStatesWidgetPresenter;\n}\n\nexport const WorkflowStatesWidgetContext = React.createContext<IWorkflowStatesWidgetContext | null>(\n    null\n);\n\ninterface IWorkflowStatesProviderProps {\n    type: \"own\" | \"requested\";\n    children: React.ReactNode;\n    client: ApolloClient<object>;\n    states: NonEmptyArray<WorkflowStateValue>;\n}\n\nexport const WorkflowStatesProvider = (props: IWorkflowStatesProviderProps) => {\n    const { children, client, type, states } = props;\n\n    const presenter = useMemo(() => {\n        const gateway = new WorkflowStatesWidgetGateway({\n            client\n        });\n        const repository = new WorkflowStatesWidgetRepository({\n            gateway\n        });\n        return new WorkflowStatesWidgetPresenter({\n            repository,\n            type,\n            states\n        });\n    }, []);\n\n    const value: IWorkflowStatesWidgetContext = {\n        presenter\n    };\n\n    return (\n        <WorkflowStatesWidgetContext.Provider value={value}>\n            {children}\n        </WorkflowStatesWidgetContext.Provider>\n    );\n};\n"],"names":["WorkflowStatesWidgetContext","React","WorkflowStatesProvider","props","children","client","type","states","presenter","useMemo","gateway","WorkflowStatesWidgetGateway","repository","WorkflowStatesWidgetRepository","WorkflowStatesWidgetPresenter","value"],"mappings":";;;;AAaO,MAAMA,8BAA8B,WAAHA,GAAGC,MAAAA,aAAmB,CAC1D;AAUG,MAAMC,yBAAyB,CAACC;IACnC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGJ;IAE3C,MAAMK,YAAYC,QAAQ;QACtB,MAAMC,UAAU,IAAIC,4BAA4B;YAC5CN;QACJ;QACA,MAAMO,aAAa,IAAIC,+BAA+B;YAClDH;QACJ;QACA,OAAO,IAAII,8BAA8B;YACrCF;YACAN;YACAC;QACJ;IACJ,GAAG,EAAE;IAEL,MAAMQ,QAAsC;QACxCP;IACJ;IAEA,OAAO,WAAP,GACI,oBAACR,4BAA4B,QAAQ;QAAC,OAAOe;OACxCX;AAGb"}

package/Components/WorkflowStatesWidget/Row/WorkflowStateRowDescription.js

@@ -1,22 +1,17 @@
-import React from "react";
+import react from "react";
 import { TimeAgo } from "@webiny/admin-ui";
-const Identity = ({
-  identity
-}) => {
-  if (!identity) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, " - ", identity.displayName || identity.id);
+const Identity = ({ identity })=>{
+    if (!identity) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, " - ", identity.displayName || identity.id);
 };
-export const WorkflowStateRowDescription = props => {
-  const {
-    state
-  } = props;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, state.currentStep.title, /*#__PURE__*/React.createElement(Identity, {
-    identity: state.currentStep.savedBy
-  }), ", ", /*#__PURE__*/React.createElement(TimeAgo, {
-    datetime: state.savedOn
-  }));
+const WorkflowStateRowDescription = (props)=>{
+    const { state } = props;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, state.currentStep.title, /*#__PURE__*/ react.createElement(Identity, {
+        identity: state.currentStep.savedBy
+    }), ", ", /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: state.savedOn
+    }));
 };
+export { WorkflowStateRowDescription };
 
 //# sourceMappingURL=WorkflowStateRowDescription.js.map

package/Components/WorkflowStatesWidget/Row/WorkflowStateRowDescription.js.map

@@ -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} />, <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":[]}
+{"version":3,"file":"Components/WorkflowStatesWidget/Row/WorkflowStateRowDescription.js","sources":["../../../../src/Components/WorkflowStatesWidget/Row/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"],"names":["Identity","identity","WorkflowStateRowDescription","props","state","TimeAgo"],"mappings":";;AAYA,MAAMA,WAAW,CAAC,EAAEC,QAAQ,EAAkB;IAC1C,IAAI,CAACA,UACD,OAAO;IAEX,OAAO,WAAP,GAAO,0CAAE,OAAIA,SAAS,WAAW,IAAIA,SAAS,EAAE;AACpD;AAEO,MAAMC,8BAA8B,CAACC;IACxC,MAAM,EAAEC,KAAK,EAAE,GAAGD;IAClB,OAAO,WAAP,GACI,0CACKC,MAAM,WAAW,CAAC,KAAK,gBACxB,oBAACJ,UAAQA;QAAC,UAAUI,MAAM,WAAW,CAAC,OAAO;QAAI,oBAAE,oBAACC,SAAOA;QAAC,UAAUD,MAAM,OAAO;;AAG/F"}

package/Components/WorkflowStatesWidget/WorkflowStatesOwnWidget.js

@@ -1,29 +1,31 @@
-import React from "react";
+import react from "react";
 import { useCanUseWorkflows } from "../../hooks/canUseWorkflows.js";
 import { Alert } from "@webiny/admin-ui";
 import { WorkflowStatesProvider } from "./Provider/WorkflowStatesProvider.js";
 import { WorkflowStateWidgetCard } from "./Card/WorkflowStatesWidgetCard.js";
 import { WorkflowStateValue } from "../../types.js";
-export const WorkflowStatesOwnWidget = props => {
-  const {
-    client
-  } = props;
-  const canUseWorkflows = useCanUseWorkflows();
-  if (!canUseWorkflows) {
-    return /*#__PURE__*/React.createElement(Alert, {
-      type: "danger",
-      title: "You don't have access to Content Reviews."
+const WorkflowStatesOwnWidget = (props)=>{
+    const { client } = props;
+    const canUseWorkflows = useCanUseWorkflows();
+    if (!canUseWorkflows) return /*#__PURE__*/ react.createElement(Alert, {
+        type: "danger",
+        title: "You don't have access to Content Reviews."
     }, "You do not have access to Content Reviews. Please contact your system administrator.");
-  }
-  return /*#__PURE__*/React.createElement(WorkflowStatesProvider, {
-    type: "own",
-    client: client,
-    states: [WorkflowStateValue.pending, WorkflowStateValue.inReview, WorkflowStateValue.approved, WorkflowStateValue.rejected]
-  }, /*#__PURE__*/React.createElement(WorkflowStateWidgetCard, {
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: "text-accent-primary"
-    }, "Content Reviews"), " assigned by me")
-  }));
+    return /*#__PURE__*/ react.createElement(WorkflowStatesProvider, {
+        type: "own",
+        client: client,
+        states: [
+            WorkflowStateValue.pending,
+            WorkflowStateValue.inReview,
+            WorkflowStateValue.approved,
+            WorkflowStateValue.rejected
+        ]
+    }, /*#__PURE__*/ react.createElement(WorkflowStateWidgetCard, {
+        title: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("span", {
+            className: "text-accent-primary"
+        }, "Content Reviews"), " assigned by me")
+    }));
 };
+export { WorkflowStatesOwnWidget };
 
 //# sourceMappingURL=WorkflowStatesOwnWidget.js.map

package/Components/WorkflowStatesWidget/WorkflowStatesOwnWidget.js.map

@@ -1 +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":[]}
+{"version":3,"file":"Components/WorkflowStatesWidget/WorkflowStatesOwnWidget.js","sources":["../../../src/Components/WorkflowStatesWidget/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"],"names":["WorkflowStatesOwnWidget","props","client","canUseWorkflows","useCanUseWorkflows","Alert","WorkflowStatesProvider","WorkflowStateValue","WorkflowStateWidgetCard"],"mappings":";;;;;;AAYO,MAAMA,0BAA0B,CAACC;IACpC,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,MAAME,kBAAkBC;IACxB,IAAI,CAACD,iBACD,OAAO,WAAP,GACI,oBAACE,OAAKA;QAAC,MAAM;QAAU,OAAO;OAA6C;IAMnF,OAAO,WAAP,GACI,oBAACC,wBAAsBA;QACnB,MAAM;QACN,QAAQJ;QACR,QAAQ;YACJK,mBAAmB,OAAO;YAC1BA,mBAAmB,QAAQ;YAC3BA,mBAAmB,QAAQ;YAC3BA,mBAAmB,QAAQ;SAC9B;qBAED,oBAACC,yBAAuBA;QACpB,qBACI,wDACI,oBAAC;YAAK,WAAW;WAAuB,oBAAsB;;AAOtF"}

package/Components/WorkflowStatesWidget/WorkflowStatesRequestedWidget.js

@@ -1,29 +1,29 @@
-import React from "react";
+import react from "react";
 import { useCanUseWorkflows } from "../../hooks/canUseWorkflows.js";
 import { Alert } from "@webiny/admin-ui";
 import { WorkflowStatesProvider } from "./Provider/WorkflowStatesProvider.js";
 import { WorkflowStateWidgetCard } from "./Card/WorkflowStatesWidgetCard.js";
 import { WorkflowStateValue } from "../../types.js";
-export const WorkflowStatesRequestedWidget = props => {
-  const {
-    client
-  } = props;
-  const canUseWorkflows = useCanUseWorkflows();
-  if (!canUseWorkflows) {
-    return /*#__PURE__*/React.createElement(Alert, {
-      type: "danger",
-      title: "You don't have access to Workflows."
+const WorkflowStatesRequestedWidget = (props)=>{
+    const { client } = props;
+    const canUseWorkflows = useCanUseWorkflows();
+    if (!canUseWorkflows) return /*#__PURE__*/ react.createElement(Alert, {
+        type: "danger",
+        title: "You don't have access to Workflows."
     }, "You do not have access to Workflows. Please contact your system administrator.");
-  }
-  return /*#__PURE__*/React.createElement(WorkflowStatesProvider, {
-    type: "requested",
-    client: client,
-    states: [WorkflowStateValue.pending, WorkflowStateValue.inReview]
-  }, /*#__PURE__*/React.createElement(WorkflowStateWidgetCard, {
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: "text-accent-primary"
-    }, "Content Reviews"), " assigned to me")
-  }));
+    return /*#__PURE__*/ react.createElement(WorkflowStatesProvider, {
+        type: "requested",
+        client: client,
+        states: [
+            WorkflowStateValue.pending,
+            WorkflowStateValue.inReview
+        ]
+    }, /*#__PURE__*/ react.createElement(WorkflowStateWidgetCard, {
+        title: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("span", {
+            className: "text-accent-primary"
+        }, "Content Reviews"), " assigned to me")
+    }));
 };
+export { WorkflowStatesRequestedWidget };
 
 //# sourceMappingURL=WorkflowStatesRequestedWidget.js.map

package/Components/WorkflowStatesWidget/WorkflowStatesRequestedWidget.js.map

@@ -1 +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":[]}
+{"version":3,"file":"Components/WorkflowStatesWidget/WorkflowStatesRequestedWidget.js","sources":["../../../src/Components/WorkflowStatesWidget/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"],"names":["WorkflowStatesRequestedWidget","props","client","canUseWorkflows","useCanUseWorkflows","Alert","WorkflowStatesProvider","WorkflowStateValue","WorkflowStateWidgetCard"],"mappings":";;;;;;AAYO,MAAMA,gCAAgC,CAACC;IAC1C,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,MAAME,kBAAkBC;IACxB,IAAI,CAACD,iBACD,OAAO,WAAP,GACI,oBAACE,OAAKA;QAAC,MAAM;QAAU,OAAO;OAAuC;IAM7E,OAAO,WAAP,GACI,oBAACC,wBAAsBA;QACnB,MAAM;QACN,QAAQJ;QACR,QAAQ;YAACK,mBAAmB,OAAO;YAAEA,mBAAmB,QAAQ;SAAC;qBAEjE,oBAACC,yBAAuBA;QACpB,qBACI,wDACI,oBAAC;YAAK,WAAW;WAAuB,oBAAsB;;AAOtF"}

package/Components/WorkflowStatesWidget/hooks/useWorkflowStatesWidget.js

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

package/Components/WorkflowStatesWidget/hooks/useWorkflowStatesWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","WorkflowStatesWidgetContext","useWorkflowStatesWidget","context","Error"],"sources":["useWorkflowStatesWidget.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { WorkflowStatesWidgetContext } from \"../Provider/WorkflowStatesProvider.js\";\n\nexport const useWorkflowStatesWidget = () => {\n    const context = useContext(WorkflowStatesWidgetContext);\n    if (!context) {\n        throw new Error(\n            \"useWorkflowStatesWidget must be used within a WorkflowStatesWidgetContext\"\n        );\n    }\n    return context;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,2BAA2B;AAEpC,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACzC,MAAMC,OAAO,GAAGH,UAAU,CAACC,2BAA2B,CAAC;EACvD,IAAI,CAACE,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CACX,2EACJ,CAAC;EACL;EACA,OAAOD,OAAO;AAClB,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowStatesWidget/hooks/useWorkflowStatesWidget.js","sources":["../../../../src/Components/WorkflowStatesWidget/hooks/useWorkflowStatesWidget.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { WorkflowStatesWidgetContext } from \"../Provider/WorkflowStatesProvider.js\";\n\nexport const useWorkflowStatesWidget = () => {\n    const context = useContext(WorkflowStatesWidgetContext);\n    if (!context) {\n        throw new Error(\n            \"useWorkflowStatesWidget must be used within a WorkflowStatesWidgetContext\"\n        );\n    }\n    return context;\n};\n"],"names":["useWorkflowStatesWidget","context","useContext","WorkflowStatesWidgetContext","Error"],"mappings":";;AAGO,MAAMA,0BAA0B;IACnC,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,MAAM,IAAIG,MACN;IAGR,OAAOH;AACX"}

package/Components/WorkflowStatesWidget/index.js

@@ -1,4 +1,2 @@
 export { WorkflowStatesOwnWidget } from "./WorkflowStatesOwnWidget.js";
 export { WorkflowStatesRequestedWidget } from "./WorkflowStatesRequestedWidget.js";
-
-//# sourceMappingURL=index.js.map

package/Components/WorkflowsEditor/DataList/WorkflowsDataList.js

@@ -1,46 +1,40 @@
-import React, { useCallback, useMemo, useState } from "react";
+import react, { useCallback, useMemo, useState } from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { DataList, DataListModalOverlayAction, ListItem, ListItemText, ListItemTextPrimary, ScrollList } from "@webiny/ui/List/index.js";
+import { DataList, DataListModal, List } from "@webiny/admin-ui";
 import { SearchUI } from "@webiny/app-admin";
 const t = i18n.ns("app-workflows/workflows-editor/data-list");
-export const WorkflowsDataList = ({
-  apps,
-  activeId,
-  onSelectApp
-}) => {
-  const [filter, setFilter] = useState("");
-  const filterWorkflow = useCallback(({
-    name
-  }) => {
-    return name.toLowerCase().includes(filter);
-  }, [filter]);
-  const items = useMemo(() => {
-    if (!filter) {
-      return apps;
-    }
-    return apps.filter(filterWorkflow);
-  }, [filter, apps]);
-  return /*#__PURE__*/React.createElement(DataList, {
-    title: t`Workflows`,
-    data: items,
-    search: /*#__PURE__*/React.createElement(SearchUI, {
-      value: filter,
-      onChange: setFilter,
-      inputPlaceholder: t`Search workflows...`
-    }),
-    modalOverlayAction: /*#__PURE__*/React.createElement(DataListModalOverlayAction, {
-      "data-testid": "default-data-list.filter"
-    })
-  }, ({
-    data
-  }) => /*#__PURE__*/React.createElement(ScrollList, {
-    "data-testid": "default-data-list"
-  }, data.map(item => /*#__PURE__*/React.createElement(ListItem, {
-    key: item.id,
-    selected: item.id === activeId
-  }, /*#__PURE__*/React.createElement(ListItemText, {
-    onClick: () => onSelectApp(item.id)
-  }, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, item.name))))));
+const WorkflowsDataList = ({ apps, activeId, onSelectApp })=>{
+    const [filter, setFilter] = useState("");
+    const filterWorkflow = useCallback(({ name })=>name.toLowerCase().includes(filter), [
+        filter
+    ]);
+    const items = useMemo(()=>{
+        if (!filter) return apps;
+        return apps.filter(filterWorkflow);
+    }, [
+        filter,
+        apps
+    ]);
+    return /*#__PURE__*/ react.createElement(DataList, {
+        title: t`Workflows`,
+        data: items,
+        search: /*#__PURE__*/ react.createElement(SearchUI, {
+            value: filter,
+            onChange: setFilter,
+            inputPlaceholder: t`Search workflows...`
+        }),
+        modalOverlayAction: /*#__PURE__*/ react.createElement(DataListModal.Trigger, {
+            "data-testid": "default-data-list.filter"
+        })
+    }, ({ data })=>/*#__PURE__*/ react.createElement(List, {
+            "data-testid": "default-data-list"
+        }, data.map((item)=>/*#__PURE__*/ react.createElement(List.Item, {
+                key: item.id,
+                selected: item.id === activeId,
+                title: item.name,
+                onClick: ()=>onSelectApp(item.id)
+            }))));
 };
+export { WorkflowsDataList };
 
 //# sourceMappingURL=WorkflowsDataList.js.map

package/Components/WorkflowsEditor/DataList/WorkflowsDataList.js.map

@@ -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":[]}
+{"version":3,"file":"Components/WorkflowsEditor/DataList/WorkflowsDataList.js","sources":["../../../../src/Components/WorkflowsEditor/DataList/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"],"names":["t","i18n","WorkflowsDataList","apps","activeId","onSelectApp","filter","setFilter","useState","filterWorkflow","useCallback","name","items","useMemo","DataList","SearchUI","DataListModal","data","List","item"],"mappings":";;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAQX,MAAMC,oBAAoB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,EAA0B;IACrF,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAS;IAErC,MAAMC,iBAAiBC,YACnB,CAAC,EAAEC,IAAI,EAAwB,GACpBA,KAAK,WAAW,GAAG,QAAQ,CAACL,SAEvC;QAACA;KAAO;IAGZ,MAAMM,QAAQC,QAAQ;QAClB,IAAI,CAACP,QACD,OAAOH;QAEX,OAAOA,KAAK,MAAM,CAACM;IACvB,GAAG;QAACH;QAAQH;KAAK;IAEjB,OAAO,WAAP,GACI,oBAACW,UAAQA;QACL,OAAOd,CAAC,CAAC,SAAS,CAAC;QACnB,MAAMY;QACN,sBACI,oBAACG,UAAQA;YACL,OAAOT;YACP,UAAUC;YACV,kBAAkBP,CAAC,CAAC,mBAAmB,CAAC;;QAGhD,kCAAoB,oBAACgB,cAAc,OAAO;YAAC,eAAa;;OAEvD,CAAC,EAAEC,IAAI,EAAoC,iBACxC,oBAACC,MAAIA;YAAC,eAAY;WACbD,KAAK,GAAG,CAACE,CAAAA,OAAAA,WAAAA,GACN,oBAACD,KAAK,IAAI;gBACN,KAAKC,KAAK,EAAE;gBACZ,UAAUA,KAAK,EAAE,KAAKf;gBACtB,OAAOe,KAAK,IAAI;gBAChB,SAAS,IAAMd,YAAYc,KAAK,EAAE;;AAO9D"}

package/Components/WorkflowsEditor/Editor/Error/FormattedError.js

@@ -1,37 +1,32 @@
-import React from "react";
+import react from "react";
 import { Grid, Heading } from "@webiny/admin-ui";
-const InvalidFields = ({
-  invalidFields
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, Object.keys(invalidFields).map((fieldKey, index) => {
-    const field = invalidFields[fieldKey];
-    return /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 12,
-      key: index
-    }, /*#__PURE__*/React.createElement(Heading, {
-      level: 6
-    }, field.message), /*#__PURE__*/React.createElement("pre", null, fieldKey));
-  }));
-};
-export const FormattedError = ({
-  error
-}) => {
-  const invalidFields = error.data?.invalidFields || {};
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Heading, {
-    level: 6
-  }, "Message"), error.message), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Heading, {
-    level: 6
-  }, "Code"), error.code), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Heading, {
-    level: 6
-  }, "Fields")), /*#__PURE__*/React.createElement(InvalidFields, {
-    invalidFields: invalidFields
-  }));
+const InvalidFields = ({ invalidFields })=>/*#__PURE__*/ react.createElement(react.Fragment, null, Object.keys(invalidFields).map((fieldKey, index)=>{
+        const field = invalidFields[fieldKey];
+        return /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12,
+            key: index
+        }, /*#__PURE__*/ react.createElement(Heading, {
+            level: 6
+        }, field.message), /*#__PURE__*/ react.createElement("pre", null, fieldKey));
+    }));
+const FormattedError = ({ error })=>{
+    const invalidFields = error.data?.invalidFields || {};
+    return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 6
+    }, "Message"), error.message), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 6
+    }, "Code"), error.code), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 6
+    }, "Fields")), /*#__PURE__*/ react.createElement(InvalidFields, {
+        invalidFields: invalidFields
+    }));
 };
+export { FormattedError };
 
 //# sourceMappingURL=FormattedError.js.map

package/Components/WorkflowsEditor/Editor/Error/FormattedError.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","Heading","InvalidFields","invalidFields","createElement","Fragment","Object","keys","map","fieldKey","index","field","Column","span","key","level","message","FormattedError","error","data","code"],"sources":["FormattedError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IWorkflowError } from \"~/Gateways/index.js\";\nimport { Grid, Heading } from \"@webiny/admin-ui\";\nimport type { IWorkflowErrorDataInvalidFields } from \"~/Gateways/abstraction/WorkflowsGateway.js\";\n\ninterface IInvalidFieldsProps {\n    invalidFields: IWorkflowErrorDataInvalidFields;\n}\nconst InvalidFields = ({ invalidFields }: IInvalidFieldsProps) => {\n    return (\n        <>\n            {Object.keys(invalidFields).map((fieldKey, index) => {\n                const field = invalidFields[fieldKey];\n                return (\n                    <Grid.Column span={12} key={index}>\n                        <Heading level={6}>{field.message}</Heading>\n                        <pre>{fieldKey}</pre>\n                    </Grid.Column>\n                );\n            })}\n        </>\n    );\n};\n\ninterface IFormattedErrorProps {\n    error: IWorkflowError;\n}\nexport const FormattedError = ({ error }: IFormattedErrorProps) => {\n    const invalidFields: IWorkflowErrorDataInvalidFields = error.data?.invalidFields || {};\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Heading level={6}>Message</Heading>\n                {error.message}\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Heading level={6}>Code</Heading>\n                {error.code}\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Heading level={6}>Fields</Heading>\n            </Grid.Column>\n            <InvalidFields invalidFields={invalidFields} />\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAMhD,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EAC9D,oBACIJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,QACKC,MAAM,CAACC,IAAI,CAACJ,aAAa,CAAC,CAACK,GAAG,CAAC,CAACC,QAAQ,EAAEC,KAAK,KAAK;IACjD,MAAMC,KAAK,GAAGR,aAAa,CAACM,QAAQ,CAAC;IACrC,oBACIV,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACY,MAAM;MAACC,IAAI,EAAE,EAAG;MAACC,GAAG,EAAEJ;IAAM,gBAC9BX,KAAA,CAAAK,aAAA,CAACH,OAAO;MAACc,KAAK,EAAE;IAAE,GAAEJ,KAAK,CAACK,OAAiB,CAAC,eAC5CjB,KAAA,CAAAK,aAAA,cAAMK,QAAc,CACX,CAAC;EAEtB,CAAC,CACH,CAAC;AAEX,CAAC;AAKD,OAAO,MAAMQ,cAAc,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC/D,MAAMf,aAA8C,GAAGe,KAAK,CAACC,IAAI,EAAEhB,aAAa,IAAI,CAAC,CAAC;EACtF,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI,qBACDD,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBd,KAAA,CAAAK,aAAA,CAACH,OAAO;IAACc,KAAK,EAAE;EAAE,GAAC,SAAgB,CAAC,EACnCG,KAAK,CAACF,OACE,CAAC,eACdjB,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBd,KAAA,CAAAK,aAAA,CAACH,OAAO;IAACc,KAAK,EAAE;EAAE,GAAC,MAAa,CAAC,EAChCG,KAAK,CAACE,IACE,CAAC,eACdrB,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBd,KAAA,CAAAK,aAAA,CAACH,OAAO;IAACc,KAAK,EAAE;EAAE,GAAC,QAAe,CACzB,CAAC,eACdhB,KAAA,CAAAK,aAAA,CAACF,aAAa;IAACC,aAAa,EAAEA;EAAc,CAAE,CAC5C,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowsEditor/Editor/Error/FormattedError.js","sources":["../../../../../src/Components/WorkflowsEditor/Editor/Error/FormattedError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IWorkflowError } from \"~/Gateways/index.js\";\nimport { Grid, Heading } from \"@webiny/admin-ui\";\nimport type { IWorkflowErrorDataInvalidFields } from \"~/Gateways/abstraction/WorkflowsGateway.js\";\n\ninterface IInvalidFieldsProps {\n    invalidFields: IWorkflowErrorDataInvalidFields;\n}\nconst InvalidFields = ({ invalidFields }: IInvalidFieldsProps) => {\n    return (\n        <>\n            {Object.keys(invalidFields).map((fieldKey, index) => {\n                const field = invalidFields[fieldKey];\n                return (\n                    <Grid.Column span={12} key={index}>\n                        <Heading level={6}>{field.message}</Heading>\n                        <pre>{fieldKey}</pre>\n                    </Grid.Column>\n                );\n            })}\n        </>\n    );\n};\n\ninterface IFormattedErrorProps {\n    error: IWorkflowError;\n}\nexport const FormattedError = ({ error }: IFormattedErrorProps) => {\n    const invalidFields: IWorkflowErrorDataInvalidFields = error.data?.invalidFields || {};\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Heading level={6}>Message</Heading>\n                {error.message}\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Heading level={6}>Code</Heading>\n                {error.code}\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Heading level={6}>Fields</Heading>\n            </Grid.Column>\n            <InvalidFields invalidFields={invalidFields} />\n        </Grid>\n    );\n};\n"],"names":["InvalidFields","invalidFields","Object","fieldKey","index","field","Grid","Heading","FormattedError","error"],"mappings":";;AAQA,MAAMA,gBAAgB,CAAC,EAAEC,aAAa,EAAuB,GAClD,WAAP,GACI,0CACKC,OAAO,IAAI,CAACD,eAAe,GAAG,CAAC,CAACE,UAAUC;QACvC,MAAMC,QAAQJ,aAAa,CAACE,SAAS;QACrC,OAAO,WAAP,GACI,oBAACG,KAAK,MAAM;YAAC,MAAM;YAAI,KAAKF;yBACxB,oBAACG,SAAOA;YAAC,OAAO;WAAIF,MAAM,OAAO,iBACjC,oBAAC,aAAKF;IAGlB;AAQL,MAAMK,iBAAiB,CAAC,EAAEC,KAAK,EAAwB;IAC1D,MAAMR,gBAAiDQ,MAAM,IAAI,EAAE,iBAAiB,CAAC;IACrF,OAAO,WAAP,GACI,oBAACH,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,SAAOA;QAAC,OAAO;OAAG,YAClBE,MAAM,OAAO,iBAElB,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,SAAOA;QAAC,OAAO;OAAG,SAClBE,MAAM,IAAI,iBAEf,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,SAAOA;QAAC,OAAO;OAAG,0BAEvB,oBAACP,eAAaA;QAAC,eAAeC;;AAG1C"}