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

package/Components/WorkflowStateDialogs/TakeOverDialog.js

@@ -1,38 +1,33 @@
-import React from "react";
+import react from "react";
 import { Dialog, Grid, Icon, OverlayLoader } from "@webiny/admin-ui";
-import { ReactComponent as StartIcon } from "@webiny/icons/check.svg";
-export const TakeOverDialog = props => {
-  const {
-    onTakeOver,
-    hide,
-    loading,
-    title,
-    displayName
-  } = props;
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: true,
-    onOpenChange: hide,
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-      label: "Take Over Content Review?",
-      size: "md",
-      className: "fill-success",
-      icon: /*#__PURE__*/React.createElement(StartIcon, null)
-    }), "Take Over Content Review?"),
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, {
-      onClick: hide
-    }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
-      text: "Take Over Content Review",
-      onClick: onTakeOver
-    })),
-    showCloseButton: true,
-    dismissible: true
-  }, loading ? /*#__PURE__*/React.createElement(OverlayLoader, {
-    size: "sm",
-    variant: "accent",
-    indeterminate: true
-  }) : null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, "You are about to take over the review of ", /*#__PURE__*/React.createElement("strong", null, title), ". Current owner is ", displayName, ".")));
+import { ReactComponent } from "@webiny/icons/check.svg";
+const TakeOverDialog = (props)=>{
+    const { onTakeOver, hide, loading, title, displayName } = props;
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: true,
+        onOpenChange: hide,
+        title: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Icon, {
+            label: "Take Over Content Review?",
+            size: "md",
+            className: "fill-success",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        }), "Take Over Content Review?"),
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            onClick: hide
+        }), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            text: "Take Over Content Review",
+            onClick: onTakeOver
+        })),
+        showCloseButton: true,
+        dismissible: true
+    }, loading ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        size: "sm",
+        variant: "accent",
+        indeterminate: true
+    }) : null, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, "You are about to take over the review of ", /*#__PURE__*/ react.createElement("strong", null, title), ". Current owner is ", displayName, ".")));
 };
+export { TakeOverDialog };
 
 //# sourceMappingURL=TakeOverDialog.js.map

package/Components/WorkflowStateDialogs/TakeOverDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","Grid","Icon","OverlayLoader","ReactComponent","StartIcon","TakeOverDialog","props","onTakeOver","hide","loading","title","displayName","createElement","open","onOpenChange","Fragment","label","size","className","icon","actions","CancelAction","onClick","ConfirmAction","text","showCloseButton","dismissible","variant","indeterminate","Column","span"],"sources":["TakeOverDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog, Grid, Icon, OverlayLoader } from \"@webiny/admin-ui\";\nimport { ReactComponent as StartIcon } from \"@webiny/icons/check.svg\";\n\ninterface ITakeOverProps {\n    onTakeOver(): void;\n    hide(): void;\n    loading: boolean;\n    title: string;\n    displayName: string;\n}\n\nexport const TakeOverDialog = (props: ITakeOverProps) => {\n    const { onTakeOver, hide, loading, title, displayName } = props;\n\n    return (\n        <Dialog\n            open={true}\n            onOpenChange={hide}\n            title={\n                <>\n                    <Icon\n                        label={\"Take Over Content Review?\"}\n                        size={\"md\"}\n                        className={\"fill-success\"}\n                        icon={<StartIcon />}\n                    />\n                    Take Over Content Review?\n                </>\n            }\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={hide} />\n                    <Dialog.ConfirmAction text={\"Take Over Content Review\"} onClick={onTakeOver} />\n                </>\n            }\n            showCloseButton={true}\n            dismissible={true}\n        >\n            {loading ? <OverlayLoader size=\"sm\" variant=\"accent\" indeterminate={true} /> : null}\n            <Grid>\n                <Grid.Column span={12}>\n                    You are about to take over the review of <strong>{title}</strong>. Current owner\n                    is {displayName}.\n                </Grid.Column>\n            </Grid>\n        </Dialog>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,aAAa,QAAQ,kBAAkB;AACpE,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AAUrE,OAAO,MAAMC,cAAc,GAAIC,KAAqB,IAAK;EACrD,MAAM;IAAEC,UAAU;IAAEC,IAAI;IAAEC,OAAO;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGL,KAAK;EAE/D,oBACIR,KAAA,CAAAc,aAAA,CAACb,MAAM;IACHc,IAAI,EAAE,IAAK;IACXC,YAAY,EAAEN,IAAK;IACnBE,KAAK,eACDZ,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAiB,QAAA,qBACIjB,KAAA,CAAAc,aAAA,CAACX,IAAI;MACDe,KAAK,EAAE,2BAA4B;MACnCC,IAAI,EAAE,IAAK;MACXC,SAAS,EAAE,cAAe;MAC1BC,IAAI,eAAErB,KAAA,CAAAc,aAAA,CAACR,SAAS,MAAE;IAAE,CACvB,CAAC,6BAEJ,CACL;IACDgB,OAAO,eACHtB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAiB,QAAA,qBACIjB,KAAA,CAAAc,aAAA,CAACb,MAAM,CAACsB,YAAY;MAACC,OAAO,EAAEd;IAAK,CAAE,CAAC,eACtCV,KAAA,CAAAc,aAAA,CAACb,MAAM,CAACwB,aAAa;MAACC,IAAI,EAAE,0BAA2B;MAACF,OAAO,EAAEf;IAAW,CAAE,CAChF,CACL;IACDkB,eAAe,EAAE,IAAK;IACtBC,WAAW,EAAE;EAAK,GAEjBjB,OAAO,gBAAGX,KAAA,CAAAc,aAAA,CAACV,aAAa;IAACe,IAAI,EAAC,IAAI;IAACU,OAAO,EAAC,QAAQ;IAACC,aAAa,EAAE;EAAK,CAAE,CAAC,GAAG,IAAI,eACnF9B,KAAA,CAAAc,aAAA,CAACZ,IAAI,qBACDF,KAAA,CAAAc,aAAA,CAACZ,IAAI,CAAC6B,MAAM;IAACC,IAAI,EAAE;EAAG,GAAC,2CACsB,eAAAhC,KAAA,CAAAc,aAAA,iBAASF,KAAc,CAAC,uBAC9D,EAACC,WAAW,EAAC,GACP,CACX,CACF,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowStateDialogs/TakeOverDialog.js","sources":["../../../src/Components/WorkflowStateDialogs/TakeOverDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog, Grid, Icon, OverlayLoader } from \"@webiny/admin-ui\";\nimport { ReactComponent as StartIcon } from \"@webiny/icons/check.svg\";\n\ninterface ITakeOverProps {\n    onTakeOver(): void;\n    hide(): void;\n    loading: boolean;\n    title: string;\n    displayName: string;\n}\n\nexport const TakeOverDialog = (props: ITakeOverProps) => {\n    const { onTakeOver, hide, loading, title, displayName } = props;\n\n    return (\n        <Dialog\n            open={true}\n            onOpenChange={hide}\n            title={\n                <>\n                    <Icon\n                        label={\"Take Over Content Review?\"}\n                        size={\"md\"}\n                        className={\"fill-success\"}\n                        icon={<StartIcon />}\n                    />\n                    Take Over Content Review?\n                </>\n            }\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={hide} />\n                    <Dialog.ConfirmAction text={\"Take Over Content Review\"} onClick={onTakeOver} />\n                </>\n            }\n            showCloseButton={true}\n            dismissible={true}\n        >\n            {loading ? <OverlayLoader size=\"sm\" variant=\"accent\" indeterminate={true} /> : null}\n            <Grid>\n                <Grid.Column span={12}>\n                    You are about to take over the review of <strong>{title}</strong>. Current owner\n                    is {displayName}.\n                </Grid.Column>\n            </Grid>\n        </Dialog>\n    );\n};\n"],"names":["TakeOverDialog","props","onTakeOver","hide","loading","title","displayName","Dialog","Icon","StartIcon","OverlayLoader","Grid"],"mappings":";;;AAYO,MAAMA,iBAAiB,CAACC;IAC3B,MAAM,EAAEC,UAAU,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGL;IAE1D,OAAO,WAAP,GACI,oBAACM,QAAMA;QACH,MAAM;QACN,cAAcJ;QACd,qBACI,wDACI,oBAACK,MAAIA;YACD,OAAO;YACP,MAAM;YACN,WAAW;YACX,oBAAM,oBAACC,gBAASA;YAClB;QAIV,uBACI,wDACI,oBAACF,OAAO,YAAY;YAAC,SAASJ;0BAC9B,oBAACI,OAAO,aAAa;YAAC,MAAM;YAA4B,SAASL;;QAGzE,iBAAiB;QACjB,aAAa;OAEZE,UAAU,WAAVA,GAAU,oBAACM,eAAaA;QAAC,MAAK;QAAK,SAAQ;QAAS,eAAe;SAAW,oBAC/E,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;OAAI,2DACsB,oBAAC,gBAAQN,QAAe,uBAC7DC,aAAY;AAKpC"}

package/Components/WorkflowStateDialogs/TakeOverSuccessDialog.js

@@ -1,32 +1,30 @@
-import React from "react";
+import react from "react";
 import { Dialog, Grid, Icon } from "@webiny/admin-ui";
-import { ReactComponent as StartIcon } from "@webiny/icons/check.svg";
+import { ReactComponent } from "@webiny/icons/check.svg";
 import { YouCanTrackAllContentReviewsHere } from "../Common/index.js";
-export const TakeOverSuccessDialog = props => {
-  const {
-    hide,
-    title
-  } = props;
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: true,
-    onOpenChange: hide,
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-      label: "Content Review Taken Over",
-      size: "md",
-      className: "fill-success",
-      icon: /*#__PURE__*/React.createElement(StartIcon, null)
-    }), /*#__PURE__*/React.createElement("strong", null, title), " Content Review Taken Over"),
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
-      text: "Close",
-      onClick: hide
-    })),
-    showCloseButton: true,
-    dismissible: true
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement("strong", null, title), " content review successfully taken over."), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(YouCanTrackAllContentReviewsHere, null))));
+const TakeOverSuccessDialog = (props)=>{
+    const { hide, title } = props;
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: true,
+        onOpenChange: hide,
+        title: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Icon, {
+            label: "Content Review Taken Over",
+            size: "md",
+            className: "fill-success",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        }), /*#__PURE__*/ react.createElement("strong", null, title), " Content Review Taken Over"),
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            text: "Close",
+            onClick: hide
+        })),
+        showCloseButton: true,
+        dismissible: true
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement("strong", null, title), " content review successfully taken over."), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(YouCanTrackAllContentReviewsHere, null))));
 };
+export { TakeOverSuccessDialog };
 
 //# sourceMappingURL=TakeOverSuccessDialog.js.map

package/Components/WorkflowStateDialogs/TakeOverSuccessDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dialog","Grid","Icon","ReactComponent","StartIcon","YouCanTrackAllContentReviewsHere","TakeOverSuccessDialog","props","hide","title","createElement","open","onOpenChange","Fragment","label","size","className","icon","actions","ConfirmAction","text","onClick","showCloseButton","dismissible","Column","span"],"sources":["TakeOverSuccessDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog, Grid, Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as StartIcon } from \"@webiny/icons/check.svg\";\nimport { YouCanTrackAllContentReviewsHere } from \"~/Components/Common/index.js\";\n\ninterface ITakeOverSuccessDialogProps {\n    hide(): void;\n    title: string;\n}\n\nexport const TakeOverSuccessDialog = (props: ITakeOverSuccessDialogProps) => {\n    const { hide, title } = props;\n\n    return (\n        <Dialog\n            open={true}\n            onOpenChange={hide}\n            title={\n                <>\n                    <Icon\n                        label={\"Content Review Taken Over\"}\n                        size={\"md\"}\n                        className={\"fill-success\"}\n                        icon={<StartIcon />}\n                    />\n                    <strong>{title}</strong> Content Review Taken Over\n                </>\n            }\n            actions={\n                <>\n                    <Dialog.ConfirmAction text={\"Close\"} onClick={hide} />\n                </>\n            }\n            showCloseButton={true}\n            dismissible={true}\n        >\n            <Grid>\n                <Grid.Column span={12}>\n                    <strong>{title}</strong> content review successfully taken over.\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <YouCanTrackAllContentReviewsHere />\n                </Grid.Column>\n            </Grid>\n        </Dialog>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AACrD,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AACrE,SAASC,gCAAgC;AAOzC,OAAO,MAAMC,qBAAqB,GAAIC,KAAkC,IAAK;EACzE,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAE7B,oBACIR,KAAA,CAAAW,aAAA,CAACV,MAAM;IACHW,IAAI,EAAE,IAAK;IACXC,YAAY,EAAEJ,IAAK;IACnBC,KAAK,eACDV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAc,QAAA,qBACId,KAAA,CAAAW,aAAA,CAACR,IAAI;MACDY,KAAK,EAAE,2BAA4B;MACnCC,IAAI,EAAE,IAAK;MACXC,SAAS,EAAE,cAAe;MAC1BC,IAAI,eAAElB,KAAA,CAAAW,aAAA,CAACN,SAAS,MAAE;IAAE,CACvB,CAAC,eACFL,KAAA,CAAAW,aAAA,iBAASD,KAAc,CAAC,8BAC1B,CACL;IACDS,OAAO,eACHnB,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAc,QAAA,qBACId,KAAA,CAAAW,aAAA,CAACV,MAAM,CAACmB,aAAa;MAACC,IAAI,EAAE,OAAQ;MAACC,OAAO,EAAEb;IAAK,CAAE,CACvD,CACL;IACDc,eAAe,EAAE,IAAK;IACtBC,WAAW,EAAE;EAAK,gBAElBxB,KAAA,CAAAW,aAAA,CAACT,IAAI,qBACDF,KAAA,CAAAW,aAAA,CAACT,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB1B,KAAA,CAAAW,aAAA,iBAASD,KAAc,CAAC,4CACf,CAAC,eACdV,KAAA,CAAAW,aAAA,CAACT,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB1B,KAAA,CAAAW,aAAA,CAACL,gCAAgC,MAAE,CAC1B,CACX,CACF,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowStateDialogs/TakeOverSuccessDialog.js","sources":["../../../src/Components/WorkflowStateDialogs/TakeOverSuccessDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog, Grid, Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as StartIcon } from \"@webiny/icons/check.svg\";\nimport { YouCanTrackAllContentReviewsHere } from \"~/Components/Common/index.js\";\n\ninterface ITakeOverSuccessDialogProps {\n    hide(): void;\n    title: string;\n}\n\nexport const TakeOverSuccessDialog = (props: ITakeOverSuccessDialogProps) => {\n    const { hide, title } = props;\n\n    return (\n        <Dialog\n            open={true}\n            onOpenChange={hide}\n            title={\n                <>\n                    <Icon\n                        label={\"Content Review Taken Over\"}\n                        size={\"md\"}\n                        className={\"fill-success\"}\n                        icon={<StartIcon />}\n                    />\n                    <strong>{title}</strong> Content Review Taken Over\n                </>\n            }\n            actions={\n                <>\n                    <Dialog.ConfirmAction text={\"Close\"} onClick={hide} />\n                </>\n            }\n            showCloseButton={true}\n            dismissible={true}\n        >\n            <Grid>\n                <Grid.Column span={12}>\n                    <strong>{title}</strong> content review successfully taken over.\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <YouCanTrackAllContentReviewsHere />\n                </Grid.Column>\n            </Grid>\n        </Dialog>\n    );\n};\n"],"names":["TakeOverSuccessDialog","props","hide","title","Dialog","Icon","StartIcon","Grid","YouCanTrackAllContentReviewsHere"],"mappings":";;;;AAUO,MAAMA,wBAAwB,CAACC;IAClC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGF;IAExB,OAAO,WAAP,GACI,oBAACG,QAAMA;QACH,MAAM;QACN,cAAcF;QACd,qBACI,wDACI,oBAACG,MAAIA;YACD,OAAO;YACP,MAAM;YACN,WAAW;YACX,oBAAM,oBAACC,gBAASA;0BAEpB,oBAAC,gBAAQH,QAAe;QAGhC,uBACI,wDACI,oBAACC,OAAO,aAAa;YAAC,MAAM;YAAS,SAASF;;QAGtD,iBAAiB;QACjB,aAAa;qBAEb,oBAACK,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC,gBAAQJ,QAAe,2DAE5B,oBAACI,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,kCAAgCA;AAKrD"}

package/Components/WorkflowStateDialogs/index.js

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

package/Components/WorkflowStateList/List/WorkflowStateList.js

@@ -1,100 +1,93 @@
-import React from "react";
+import react from "react";
 import { observer } from "mobx-react-lite";
 import { useWorkflowStateList } from "../hooks/index.js";
-import { Alert, DataTable, TimeAgo, Heading } from "@webiny/admin-ui";
+import { Alert, DataTable, Heading, TimeAgo } from "@webiny/admin-ui";
 import { TagState } from "../../Common/TagState.js";
 import { TagStep } from "../../Common/TagStep.js";
 import { WorkflowStateListOptions } from "./WorkflowStateListOptions.js";
 import { WorkflowStateListFilters } from "./WorkflowStateListFilters.js";
 const columns = {
-  title: {
-    header: "Title",
-    enableSorting: true
-  },
-  createdBy: {
-    header: "Submitted By",
-    enableSorting: false,
-    cell(state) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, state.createdBy.displayName);
+    title: {
+        header: "Title",
+        enableSorting: true
+    },
+    createdBy: {
+        header: "Submitted By",
+        enableSorting: false,
+        cell (state) {
+            return /*#__PURE__*/ react.createElement(react.Fragment, null, state.createdBy.displayName);
+        }
+    },
+    savedBy: {
+        header: "Modified By",
+        enableSorting: false,
+        cell (state) {
+            if (state.savedBy.id === state.createdBy.id) return /*#__PURE__*/ react.createElement(react.Fragment, null, "-");
+            return /*#__PURE__*/ react.createElement(react.Fragment, null, state.savedBy.displayName);
+        }
+    },
+    savedOn: {
+        header: "Last Modified",
+        enableSorting: true,
+        cell (state) {
+            return /*#__PURE__*/ react.createElement(TimeAgo, {
+                datetime: state.savedOn
+            });
+        }
+    },
+    currentStep: {
+        header: "Workflow",
+        enableSorting: false,
+        cell (state) {
+            return /*#__PURE__*/ react.createElement(TagStep, {
+                step: state.currentStep
+            });
+        }
+    },
+    state: {
+        header: "Status",
+        enableSorting: false,
+        cell (state) {
+            return /*#__PURE__*/ react.createElement(TagState, {
+                state: state.state
+            });
+        }
+    },
+    id: {
+        header: "",
+        enableSorting: false,
+        enableHiding: false,
+        className: "text-right",
+        enableResizing: false,
+        cell (state) {
+            return /*#__PURE__*/ react.createElement(WorkflowStateListOptions, {
+                state: state
+            });
+        }
     }
-  },
-  savedBy: {
-    header: "Modified By",
-    enableSorting: false,
-    cell(state) {
-      if (state.savedBy.id === state.createdBy.id) {
-        return /*#__PURE__*/React.createElement(React.Fragment, null, "-");
-      }
-      return /*#__PURE__*/React.createElement(React.Fragment, null, state.savedBy.displayName);
-    }
-  },
-  savedOn: {
-    header: "Last Modified",
-    enableSorting: true,
-    cell(state) {
-      return /*#__PURE__*/React.createElement(TimeAgo, {
-        datetime: state.savedOn
-      });
-    }
-  },
-  currentStep: {
-    header: "Workflow",
-    enableSorting: false,
-    cell(state) {
-      return /*#__PURE__*/React.createElement(TagStep, {
-        step: state.currentStep
-      });
-    }
-  },
-  state: {
-    header: "Status",
-    enableSorting: false,
-    cell(state) {
-      return /*#__PURE__*/React.createElement(TagState, {
-        state: state.state
-      });
-    }
-  },
-  id: {
-    header: "",
-    enableSorting: false,
-    enableHiding: false,
-    className: "text-right",
-    enableResizing: false,
-    cell(state) {
-      return /*#__PURE__*/React.createElement(WorkflowStateListOptions, {
-        state: state
-      });
-    }
-  }
 };
-const Error = props => {
-  const {
-    error
-  } = props;
-  if (!error) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Alert, {
-    type: "danger"
-  }, error.message);
+const Error = (props)=>{
+    const { error } = props;
+    if (!error) return null;
+    return /*#__PURE__*/ react.createElement(Alert, {
+        type: "danger"
+    }, error.message);
 };
-export const WorkflowStateList = observer(() => {
-  const {
-    presenter
-  } = useWorkflowStateList();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Heading, {
-    level: 4,
-    className: "px-lg py-md"
-  }, "Content Reviews"), /*#__PURE__*/React.createElement(Error, {
-    error: presenter.vm.error
-  }), /*#__PURE__*/React.createElement(WorkflowStateListFilters, null), /*#__PURE__*/React.createElement(DataTable, {
-    bordered: false,
-    stickyHeader: false,
-    loading: presenter.vm.loading,
-    columns: columns,
-    data: presenter.vm.items
-  }));
+const WorkflowStateList = observer(()=>{
+    const { presenter } = useWorkflowStateList();
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Heading, {
+        level: 4,
+        className: "px-lg py-md"
+    }, "Content Reviews"), /*#__PURE__*/ react.createElement(Error, {
+        error: presenter.vm.error
+    }), /*#__PURE__*/ react.createElement(WorkflowStateListFilters, null), /*#__PURE__*/ react.createElement(DataTable, {
+        bordered: false,
+        stickyHeader: false,
+        loading: presenter.vm.loading,
+        columns: columns,
+        data: presenter.vm.items
+    }));
 });
+export { WorkflowStateList };
 
 //# sourceMappingURL=WorkflowStateList.js.map

package/Components/WorkflowStateList/List/WorkflowStateList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","observer","useWorkflowStateList","Alert","DataTable","TimeAgo","Heading","TagState","TagStep","WorkflowStateListOptions","WorkflowStateListFilters","columns","title","header","enableSorting","createdBy","cell","state","createElement","Fragment","displayName","savedBy","id","savedOn","datetime","currentStep","step","enableHiding","className","enableResizing","Error","props","error","type","message","WorkflowStateList","presenter","level","vm","bordered","stickyHeader","loading","data","items"],"sources":["WorkflowStateList.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowStateList } from \"../hooks/index.js\";\nimport { Alert, DataTable, DataTableColumns, TimeAgo, Heading } from \"@webiny/admin-ui\";\nimport { type IGenericError, type IWorkflowState } from \"~/types.js\";\nimport { TagState } from \"~/Components/Common/TagState.js\";\nimport { TagStep } from \"~/Components/Common/TagStep.js\";\nimport { WorkflowStateListOptions } from \"./WorkflowStateListOptions.js\";\nimport { WorkflowStateListFilters } from \"./WorkflowStateListFilters.js\";\n\nconst columns: DataTableColumns<IWorkflowState> = {\n    title: {\n        header: \"Title\",\n        enableSorting: true\n    },\n    createdBy: {\n        header: \"Submitted By\",\n        enableSorting: false,\n        cell(state) {\n            return <>{state.createdBy.displayName}</>;\n        }\n    },\n    savedBy: {\n        header: \"Modified By\",\n        enableSorting: false,\n        cell(state) {\n            if (state.savedBy.id === state.createdBy.id) {\n                return <>-</>;\n            }\n            return <>{state.savedBy.displayName}</>;\n        }\n    },\n    savedOn: {\n        header: \"Last Modified\",\n        enableSorting: true,\n        cell(state) {\n            return <TimeAgo datetime={state.savedOn} />;\n        }\n    },\n\n    currentStep: {\n        header: \"Workflow\",\n        enableSorting: false,\n        cell(state) {\n            return <TagStep step={state.currentStep} />;\n        }\n    },\n    state: {\n        header: \"Status\",\n        enableSorting: false,\n        cell(state) {\n            return <TagState state={state.state} />;\n        }\n    },\n    id: {\n        header: \"\",\n        enableSorting: false,\n        enableHiding: false,\n        className: \"text-right\",\n        enableResizing: false,\n        cell(state) {\n            return <WorkflowStateListOptions state={state} />;\n        }\n    }\n};\n\ninterface IErrorProps {\n    error: IGenericError | null;\n}\nconst Error = (props: IErrorProps) => {\n    const { error } = props;\n    if (!error) {\n        return null;\n    }\n    return <Alert type=\"danger\">{error.message}</Alert>;\n};\n\nexport const WorkflowStateList = observer(() => {\n    const { presenter } = useWorkflowStateList();\n\n    return (\n        <>\n            <Heading level={4} className={\"px-lg py-md\"}>\n                Content Reviews\n            </Heading>\n            <Error error={presenter.vm.error} />\n            <WorkflowStateListFilters />\n            <DataTable\n                bordered={false}\n                stickyHeader={false}\n                loading={presenter.vm.loading}\n                columns={columns}\n                data={presenter.vm.items}\n            />\n        </>\n    );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowStateList/List/WorkflowStateList.js","sources":["../../../../src/Components/WorkflowStateList/List/WorkflowStateList.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useWorkflowStateList } from \"../hooks/index.js\";\nimport { Alert, DataTable, DataTableColumns, TimeAgo, Heading } from \"@webiny/admin-ui\";\nimport { type IGenericError, type IWorkflowState } from \"~/types.js\";\nimport { TagState } from \"~/Components/Common/TagState.js\";\nimport { TagStep } from \"~/Components/Common/TagStep.js\";\nimport { WorkflowStateListOptions } from \"./WorkflowStateListOptions.js\";\nimport { WorkflowStateListFilters } from \"./WorkflowStateListFilters.js\";\n\nconst columns: DataTableColumns<IWorkflowState> = {\n    title: {\n        header: \"Title\",\n        enableSorting: true\n    },\n    createdBy: {\n        header: \"Submitted By\",\n        enableSorting: false,\n        cell(state) {\n            return <>{state.createdBy.displayName}</>;\n        }\n    },\n    savedBy: {\n        header: \"Modified By\",\n        enableSorting: false,\n        cell(state) {\n            if (state.savedBy.id === state.createdBy.id) {\n                return <>-</>;\n            }\n            return <>{state.savedBy.displayName}</>;\n        }\n    },\n    savedOn: {\n        header: \"Last Modified\",\n        enableSorting: true,\n        cell(state) {\n            return <TimeAgo datetime={state.savedOn} />;\n        }\n    },\n\n    currentStep: {\n        header: \"Workflow\",\n        enableSorting: false,\n        cell(state) {\n            return <TagStep step={state.currentStep} />;\n        }\n    },\n    state: {\n        header: \"Status\",\n        enableSorting: false,\n        cell(state) {\n            return <TagState state={state.state} />;\n        }\n    },\n    id: {\n        header: \"\",\n        enableSorting: false,\n        enableHiding: false,\n        className: \"text-right\",\n        enableResizing: false,\n        cell(state) {\n            return <WorkflowStateListOptions state={state} />;\n        }\n    }\n};\n\ninterface IErrorProps {\n    error: IGenericError | null;\n}\nconst Error = (props: IErrorProps) => {\n    const { error } = props;\n    if (!error) {\n        return null;\n    }\n    return <Alert type=\"danger\">{error.message}</Alert>;\n};\n\nexport const WorkflowStateList = observer(() => {\n    const { presenter } = useWorkflowStateList();\n\n    return (\n        <>\n            <Heading level={4} className={\"px-lg py-md\"}>\n                Content Reviews\n            </Heading>\n            <Error error={presenter.vm.error} />\n            <WorkflowStateListFilters />\n            <DataTable\n                bordered={false}\n                stickyHeader={false}\n                loading={presenter.vm.loading}\n                columns={columns}\n                data={presenter.vm.items}\n            />\n        </>\n    );\n});\n"],"names":["columns","state","TimeAgo","TagStep","TagState","WorkflowStateListOptions","Error","props","error","Alert","WorkflowStateList","observer","presenter","useWorkflowStateList","Heading","WorkflowStateListFilters","DataTable"],"mappings":";;;;;;;;AAUA,MAAMA,UAA4C;IAC9C,OAAO;QACH,QAAQ;QACR,eAAe;IACnB;IACA,WAAW;QACP,QAAQ;QACR,eAAe;QACf,MAAKC,KAAK;YACN,OAAO,WAAP,GAAO,0CAAGA,MAAM,SAAS,CAAC,WAAW;QACzC;IACJ;IACA,SAAS;QACL,QAAQ;QACR,eAAe;QACf,MAAKA,KAAK;YACN,IAAIA,MAAM,OAAO,CAAC,EAAE,KAAKA,MAAM,SAAS,CAAC,EAAE,EACvC,OAAO,WAAP,GAAO,0CAAE;YAEb,OAAO,WAAP,GAAO,0CAAGA,MAAM,OAAO,CAAC,WAAW;QACvC;IACJ;IACA,SAAS;QACL,QAAQ;QACR,eAAe;QACf,MAAKA,KAAK;YACN,OAAO,WAAP,GAAO,oBAACC,SAAOA;gBAAC,UAAUD,MAAM,OAAO;;QAC3C;IACJ;IAEA,aAAa;QACT,QAAQ;QACR,eAAe;QACf,MAAKA,KAAK;YACN,OAAO,WAAP,GAAO,oBAACE,SAAOA;gBAAC,MAAMF,MAAM,WAAW;;QAC3C;IACJ;IACA,OAAO;QACH,QAAQ;QACR,eAAe;QACf,MAAKA,KAAK;YACN,OAAO,WAAP,GAAO,oBAACG,UAAQA;gBAAC,OAAOH,MAAM,KAAK;;QACvC;IACJ;IACA,IAAI;QACA,QAAQ;QACR,eAAe;QACf,cAAc;QACd,WAAW;QACX,gBAAgB;QAChB,MAAKA,KAAK;YACN,OAAO,WAAP,GAAO,oBAACI,0BAAwBA;gBAAC,OAAOJ;;QAC5C;IACJ;AACJ;AAKA,MAAMK,QAAQ,CAACC;IACX,MAAM,EAAEC,KAAK,EAAE,GAAGD;IAClB,IAAI,CAACC,OACD,OAAO;IAEX,OAAO,WAAP,GAAO,oBAACC,OAAKA;QAAC,MAAK;OAAUD,MAAM,OAAO;AAC9C;AAEO,MAAME,oBAAoBC,SAAS;IACtC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAEtB,OAAO,WAAP,GACI,wDACI,oBAACC,SAAOA;QAAC,OAAO;QAAG,WAAW;OAAe,kCAG7C,oBAACR,OAAKA;QAAC,OAAOM,UAAU,EAAE,CAAC,KAAK;sBAChC,oBAACG,0BAAwBA,OAAAA,WAAAA,GACzB,oBAACC,WAASA;QACN,UAAU;QACV,cAAc;QACd,SAASJ,UAAU,EAAE,CAAC,OAAO;QAC7B,SAASZ;QACT,MAAMY,UAAU,EAAE,CAAC,KAAK;;AAIxC"}

package/Components/WorkflowStateList/List/WorkflowStateListFilters.js

@@ -1,68 +1,74 @@
-import React from "react";
+import react from "react";
 import { Grid, SegmentedControl } from "@webiny/admin-ui";
 import { useWorkflowStateList } from "../hooks/index.js";
 import { observer } from "mobx-react-lite";
-const stateItems = [{
-  label: "All",
-  value: "all"
-}, {
-  label: "Pending",
-  value: "pending"
-}, {
-  label: "In Review",
-  value: "inReview"
-}, {
-  label: "Approved",
-  value: "approved"
-}, {
-  label: "Rejected",
-  value: "rejected"
-}];
-const typeItems = [{
-  label: "All",
-  value: "all"
-}, {
-  label: "My Content Reviews",
-  value: "own"
-}, {
-  label: "I Can Access",
-  value: "requested"
-}];
-export const WorkflowStateListFilters = observer(() => {
-  const {
-    presenter
-  } = useWorkflowStateList();
-  const currentState = presenter.vm.where?.state || "all";
-  const currentType = presenter.vm.type || "all";
-  const handleStateChange = value => {
-    const state = value === "all" ? undefined : value;
-    presenter.filterBy({
-      state
-    });
-  };
-  const handleTypeChange = value => {
-    if (value === "all") {
-      presenter.setType(undefined);
-    } else {
-      presenter.setType(value);
+const stateItems = [
+    {
+        label: "All",
+        value: "all"
+    },
+    {
+        label: "Pending",
+        value: "pending"
+    },
+    {
+        label: "In Review",
+        value: "inReview"
+    },
+    {
+        label: "Approved",
+        value: "approved"
+    },
+    {
+        label: "Rejected",
+        value: "rejected"
     }
-  };
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: "px-lg py-sm-plus bg-neutral-subtle border-neutral-dimmed border-sm"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(SegmentedControl, {
-    items: stateItems,
-    value: currentState,
-    onChange: handleStateChange
-  })), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 6,
-    className: "text-right"
-  }, /*#__PURE__*/React.createElement(SegmentedControl, {
-    items: typeItems,
-    value: currentType,
-    onChange: handleTypeChange
-  })));
+];
+const typeItems = [
+    {
+        label: "All",
+        value: "all"
+    },
+    {
+        label: "My Content Reviews",
+        value: "own"
+    },
+    {
+        label: "I Can Access",
+        value: "requested"
+    }
+];
+const WorkflowStateListFilters = observer(()=>{
+    const { presenter } = useWorkflowStateList();
+    const currentState = presenter.vm.where?.state || "all";
+    const currentType = presenter.vm.type || "all";
+    const handleStateChange = (value)=>{
+        const state = "all" === value ? void 0 : value;
+        presenter.filterBy({
+            state
+        });
+    };
+    const handleTypeChange = (value)=>{
+        if ("all" === value) presenter.setType(void 0);
+        else presenter.setType(value);
+    };
+    return /*#__PURE__*/ react.createElement(Grid, {
+        className: "px-lg py-sm-plus bg-neutral-subtle border-neutral-dimmed border-sm"
+    }, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(SegmentedControl, {
+        items: stateItems,
+        value: currentState,
+        onChange: handleStateChange
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6,
+        className: "text-right"
+    }, /*#__PURE__*/ react.createElement(SegmentedControl, {
+        items: typeItems,
+        value: currentType,
+        onChange: handleTypeChange
+    })));
 });
+export { WorkflowStateListFilters };
 
 //# sourceMappingURL=WorkflowStateListFilters.js.map

package/Components/WorkflowStateList/List/WorkflowStateListFilters.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","SegmentedControl","useWorkflowStateList","observer","stateItems","label","value","typeItems","WorkflowStateListFilters","presenter","currentState","vm","where","state","currentType","type","handleStateChange","undefined","filterBy","handleTypeChange","setType","createElement","className","Column","span","items","onChange"],"sources":["WorkflowStateListFilters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, SegmentedControl } from \"@webiny/admin-ui\";\nimport { useWorkflowStateList } from \"~/Components/WorkflowStateList/hooks/index.js\";\nimport type { WorkflowStateValue } from \"~/types.js\";\nimport { observer } from \"mobx-react-lite\";\n\nconst stateItems = [\n    { label: \"All\", value: \"all\" },\n    { label: \"Pending\", value: \"pending\" },\n    { label: \"In Review\", value: \"inReview\" },\n    { label: \"Approved\", value: \"approved\" },\n    { label: \"Rejected\", value: \"rejected\" }\n];\n\ntype PossibleTypes = \"own\" | \"requested\";\n\nconst typeItems = [\n    { label: \"All\", value: \"all\" },\n    { label: \"My Content Reviews\", value: \"own\" },\n    { label: \"I Can Access\", value: \"requested\" }\n];\n\nexport const WorkflowStateListFilters = observer(() => {\n    const { presenter } = useWorkflowStateList();\n\n    const currentState = presenter.vm.where?.state || \"all\";\n    const currentType = presenter.vm.type || \"all\";\n\n    const handleStateChange = (value: string) => {\n        const state = value === \"all\" ? undefined : (value as WorkflowStateValue);\n        presenter.filterBy({\n            state\n        });\n    };\n\n    const handleTypeChange = (value: string) => {\n        if (value === \"all\") {\n            presenter.setType(undefined);\n        } else {\n            presenter.setType(value as PossibleTypes);\n        }\n    };\n\n    return (\n        <Grid className={\"px-lg py-sm-plus bg-neutral-subtle border-neutral-dimmed border-sm\"}>\n            <Grid.Column span={6}>\n                <SegmentedControl\n                    items={stateItems}\n                    value={currentState}\n                    onChange={handleStateChange}\n                />\n            </Grid.Column>\n            <Grid.Column span={6} className={\"text-right\"}>\n                <SegmentedControl\n                    items={typeItems}\n                    value={currentType}\n                    onChange={handleTypeChange}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,kBAAkB;AACzD,SAASC,oBAAoB;AAE7B,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,MAAMC,UAAU,GAAG,CACf;EAAEC,KAAK,EAAE,KAAK;EAAEC,KAAK,EAAE;AAAM,CAAC,EAC9B;EAAED,KAAK,EAAE,SAAS;EAAEC,KAAK,EAAE;AAAU,CAAC,EACtC;EAAED,KAAK,EAAE,WAAW;EAAEC,KAAK,EAAE;AAAW,CAAC,EACzC;EAAED,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAE;AAAW,CAAC,EACxC;EAAED,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAE;AAAW,CAAC,CAC3C;AAID,MAAMC,SAAS,GAAG,CACd;EAAEF,KAAK,EAAE,KAAK;EAAEC,KAAK,EAAE;AAAM,CAAC,EAC9B;EAAED,KAAK,EAAE,oBAAoB;EAAEC,KAAK,EAAE;AAAM,CAAC,EAC7C;EAAED,KAAK,EAAE,cAAc;EAAEC,KAAK,EAAE;AAAY,CAAC,CAChD;AAED,OAAO,MAAME,wBAAwB,GAAGL,QAAQ,CAAC,MAAM;EACnD,MAAM;IAAEM;EAAU,CAAC,GAAGP,oBAAoB,CAAC,CAAC;EAE5C,MAAMQ,YAAY,GAAGD,SAAS,CAACE,EAAE,CAACC,KAAK,EAAEC,KAAK,IAAI,KAAK;EACvD,MAAMC,WAAW,GAAGL,SAAS,CAACE,EAAE,CAACI,IAAI,IAAI,KAAK;EAE9C,MAAMC,iBAAiB,GAAIV,KAAa,IAAK;IACzC,MAAMO,KAAK,GAAGP,KAAK,KAAK,KAAK,GAAGW,SAAS,GAAIX,KAA4B;IACzEG,SAAS,CAACS,QAAQ,CAAC;MACfL;IACJ,CAAC,CAAC;EACN,CAAC;EAED,MAAMM,gBAAgB,GAAIb,KAAa,IAAK;IACxC,IAAIA,KAAK,KAAK,KAAK,EAAE;MACjBG,SAAS,CAACW,OAAO,CAACH,SAAS,CAAC;IAChC,CAAC,MAAM;MACHR,SAAS,CAACW,OAAO,CAACd,KAAsB,CAAC;IAC7C;EACJ,CAAC;EAED,oBACIP,KAAA,CAAAsB,aAAA,CAACrB,IAAI;IAACsB,SAAS,EAAE;EAAqE,gBAClFvB,KAAA,CAAAsB,aAAA,CAACrB,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBzB,KAAA,CAAAsB,aAAA,CAACpB,gBAAgB;IACbwB,KAAK,EAAErB,UAAW;IAClBE,KAAK,EAAEI,YAAa;IACpBgB,QAAQ,EAAEV;EAAkB,CAC/B,CACQ,CAAC,eACdjB,KAAA,CAAAsB,aAAA,CAACrB,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE,CAAE;IAACF,SAAS,EAAE;EAAa,gBAC1CvB,KAAA,CAAAsB,aAAA,CAACpB,gBAAgB;IACbwB,KAAK,EAAElB,SAAU;IACjBD,KAAK,EAAEQ,WAAY;IACnBY,QAAQ,EAAEP;EAAiB,CAC9B,CACQ,CACX,CAAC;AAEf,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowStateList/List/WorkflowStateListFilters.js","sources":["../../../../src/Components/WorkflowStateList/List/WorkflowStateListFilters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, SegmentedControl } from \"@webiny/admin-ui\";\nimport { useWorkflowStateList } from \"~/Components/WorkflowStateList/hooks/index.js\";\nimport type { WorkflowStateValue } from \"~/types.js\";\nimport { observer } from \"mobx-react-lite\";\n\nconst stateItems = [\n    { label: \"All\", value: \"all\" },\n    { label: \"Pending\", value: \"pending\" },\n    { label: \"In Review\", value: \"inReview\" },\n    { label: \"Approved\", value: \"approved\" },\n    { label: \"Rejected\", value: \"rejected\" }\n];\n\ntype PossibleTypes = \"own\" | \"requested\";\n\nconst typeItems = [\n    { label: \"All\", value: \"all\" },\n    { label: \"My Content Reviews\", value: \"own\" },\n    { label: \"I Can Access\", value: \"requested\" }\n];\n\nexport const WorkflowStateListFilters = observer(() => {\n    const { presenter } = useWorkflowStateList();\n\n    const currentState = presenter.vm.where?.state || \"all\";\n    const currentType = presenter.vm.type || \"all\";\n\n    const handleStateChange = (value: string) => {\n        const state = value === \"all\" ? undefined : (value as WorkflowStateValue);\n        presenter.filterBy({\n            state\n        });\n    };\n\n    const handleTypeChange = (value: string) => {\n        if (value === \"all\") {\n            presenter.setType(undefined);\n        } else {\n            presenter.setType(value as PossibleTypes);\n        }\n    };\n\n    return (\n        <Grid className={\"px-lg py-sm-plus bg-neutral-subtle border-neutral-dimmed border-sm\"}>\n            <Grid.Column span={6}>\n                <SegmentedControl\n                    items={stateItems}\n                    value={currentState}\n                    onChange={handleStateChange}\n                />\n            </Grid.Column>\n            <Grid.Column span={6} className={\"text-right\"}>\n                <SegmentedControl\n                    items={typeItems}\n                    value={currentType}\n                    onChange={handleTypeChange}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n});\n"],"names":["stateItems","typeItems","WorkflowStateListFilters","observer","presenter","useWorkflowStateList","currentState","currentType","handleStateChange","value","state","undefined","handleTypeChange","Grid","SegmentedControl"],"mappings":";;;;AAMA,MAAMA,aAAa;IACf;QAAE,OAAO;QAAO,OAAO;IAAM;IAC7B;QAAE,OAAO;QAAW,OAAO;IAAU;IACrC;QAAE,OAAO;QAAa,OAAO;IAAW;IACxC;QAAE,OAAO;QAAY,OAAO;IAAW;IACvC;QAAE,OAAO;QAAY,OAAO;IAAW;CAC1C;AAID,MAAMC,YAAY;IACd;QAAE,OAAO;QAAO,OAAO;IAAM;IAC7B;QAAE,OAAO;QAAsB,OAAO;IAAM;IAC5C;QAAE,OAAO;QAAgB,OAAO;IAAY;CAC/C;AAEM,MAAMC,2BAA2BC,SAAS;IAC7C,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAEtB,MAAMC,eAAeF,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS;IAClD,MAAMG,cAAcH,UAAU,EAAE,CAAC,IAAI,IAAI;IAEzC,MAAMI,oBAAoB,CAACC;QACvB,MAAMC,QAAQD,AAAU,UAAVA,QAAkBE,SAAaF;QAC7CL,UAAU,QAAQ,CAAC;YACfM;QACJ;IACJ;IAEA,MAAME,mBAAmB,CAACH;QACtB,IAAIA,AAAU,UAAVA,OACAL,UAAU,OAAO,CAACO;aAElBP,UAAU,OAAO,CAACK;IAE1B;IAEA,OAAO,WAAP,GACI,oBAACI,MAAIA;QAAC,WAAW;qBACb,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,kBAAgBA;QACb,OAAOd;QACP,OAAOM;QACP,UAAUE;uBAGlB,oBAACK,KAAK,MAAM;QAAC,MAAM;QAAG,WAAW;qBAC7B,oBAACC,kBAAgBA;QACb,OAAOb;QACP,OAAOM;QACP,UAAUK;;AAK9B"}

package/Components/WorkflowStateList/List/WorkflowStateListOptions.js

@@ -1,13 +1,12 @@
 import { WorkflowStateOptions } from "../../Common/index.js";
-import React from "react";
+import react from "react";
 import { observer } from "mobx-react-lite";
-export const WorkflowStateListOptions = observer(props => {
-  const {
-    state
-  } = props;
-  return /*#__PURE__*/React.createElement(WorkflowStateOptions, {
-    state: state
-  });
+const WorkflowStateListOptions = observer((props)=>{
+    const { state } = props;
+    return /*#__PURE__*/ react.createElement(WorkflowStateOptions, {
+        state: state
+    });
 });
+export { WorkflowStateListOptions };
 
 //# sourceMappingURL=WorkflowStateListOptions.js.map

package/Components/WorkflowStateList/List/WorkflowStateListOptions.js.map

@@ -1 +1 @@
-{"version":3,"names":["WorkflowStateOptions","React","observer","WorkflowStateListOptions","props","state","createElement"],"sources":["WorkflowStateListOptions.tsx"],"sourcesContent":["import { WorkflowStateOptions } from \"~/Components/Common/index.js\";\nimport type { IWorkflowState } from \"~/types.js\";\nimport React from \"react\";\nimport { observer } from \"mobx-react-lite\";\n\ninterface IWorkflowStateOptionsProps {\n    state: IWorkflowState;\n}\n\nexport const WorkflowStateListOptions = observer((props: IWorkflowStateOptionsProps) => {\n    const { state } = props;\n\n    return <WorkflowStateOptions state={state} />;\n});\n"],"mappings":"AAAA,SAASA,oBAAoB;AAE7B,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAM1C,OAAO,MAAMC,wBAAwB,GAAGD,QAAQ,CAAEE,KAAiC,IAAK;EACpF,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,oBAAOH,KAAA,CAAAK,aAAA,CAACN,oBAAoB;IAACK,KAAK,EAAEA;EAAM,CAAE,CAAC;AACjD,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Components/WorkflowStateList/List/WorkflowStateListOptions.js","sources":["../../../../src/Components/WorkflowStateList/List/WorkflowStateListOptions.tsx"],"sourcesContent":["import { WorkflowStateOptions } from \"~/Components/Common/index.js\";\nimport type { IWorkflowState } from \"~/types.js\";\nimport React from \"react\";\nimport { observer } from \"mobx-react-lite\";\n\ninterface IWorkflowStateOptionsProps {\n    state: IWorkflowState;\n}\n\nexport const WorkflowStateListOptions = observer((props: IWorkflowStateOptionsProps) => {\n    const { state } = props;\n\n    return <WorkflowStateOptions state={state} />;\n});\n"],"names":["WorkflowStateListOptions","observer","props","state","WorkflowStateOptions"],"mappings":";;;AASO,MAAMA,2BAA2BC,SAAS,CAACC;IAC9C,MAAM,EAAEC,KAAK,EAAE,GAAGD;IAElB,OAAO,WAAP,GAAO,oBAACE,sBAAoBA;QAAC,OAAOD;;AACxC"}