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

package/views/Logs/Preview/Preview.js

@@ -1,91 +1,82 @@
-import React from "react";
+import react from "react";
 import { addMinutes, format } from "date-fns";
-import { Cell, Grid } from "@webiny/ui/Grid/index.js";
-import { Dialog, DialogActions, DialogCancel, DialogContent, DialogTitle } from "@webiny/ui/Dialog/index.js";
-import { CodeEditor } from "@webiny/ui/CodeEditor/index.js";
-import { Tooltip } from "@webiny/ui/Tooltip/index.js";
+import { CodeEditor, Dialog, Grid, Tooltip } from "@webiny/admin-ui";
 import { Action } from "../Table/index.js";
 import { Text } from "../../../components/Text.js";
 import { PayloadWrapper, previewDialog } from "./styled.js";
-export const Preview = ({
-  auditLog,
-  onClose,
-  hasAccessToUsers
-}) => {
-  if (!auditLog) {
-    return null;
-  }
-  const date = new Date(auditLog.createdOn);
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: !!auditLog,
-    onClose: onClose,
-    className: previewDialog,
-    size: "xl"
-  }, /*#__PURE__*/React.createElement(DialogTitle, null, auditLog.message, /*#__PURE__*/React.createElement("div", {
-    className: "title-actions",
-    tabIndex: 0
-  })), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Text, {
-    use: "overline"
-  }, "Application"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Text, {
-    use: "subtitle2"
-  }, auditLog.app)), /*#__PURE__*/React.createElement(Cell, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Text, {
-    use: "overline"
-  }, "Date"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Tooltip, {
-    placement: "right",
-    content: `UTC: ${format(addMinutes(date, date.getTimezoneOffset()), "yyyy-MM-dd HH:mm:ss")}`
-  }, /*#__PURE__*/React.createElement(Text, {
-    use: "subtitle2"
-  }, format(date, "yyyy-MM-dd HH:mm:ss (O)")))), /*#__PURE__*/React.createElement(Cell, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Text, {
-    use: "overline"
-  }, "Entity"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Text, {
-    use: "subtitle2"
-  }, auditLog.entity.label)), /*#__PURE__*/React.createElement(Cell, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Text, {
-    use: "overline"
-  }, "Entity Id"), /*#__PURE__*/React.createElement("br", null), auditLog.entity.link ? /*#__PURE__*/React.createElement("a", {
-    href: auditLog.entity.link,
-    target: "blank"
-  }, /*#__PURE__*/React.createElement(Text, {
-    use: "subtitle2"
-  }, auditLog.entityId)) : /*#__PURE__*/React.createElement(Text, {
-    use: "subtitle2"
-  }, auditLog.entityId)), /*#__PURE__*/React.createElement(Cell, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Text, {
-    use: "overline"
-  }, "Action"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Action, {
-    label: auditLog.action.label,
-    value: auditLog.action.value
-  })), hasAccessToUsers && /*#__PURE__*/React.createElement(Cell, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Text, {
-    use: "overline"
-  }, "Initiator"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("a", {
-    href: `/admin-users?id=${auditLog.createdBy.id}`,
-    target: "blank"
-  }, /*#__PURE__*/React.createElement(Text, {
-    use: "subtitle2"
-  }, auditLog.createdBy.displayName)), /*#__PURE__*/React.createElement(Text, {
-    use: "body2"
-  }, ` (${auditLog.createdBy.role})`)), /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Text, {
-    use: "overline"
-  }, "Payload"), /*#__PURE__*/React.createElement(PayloadWrapper, null, /*#__PURE__*/React.createElement(CodeEditor, {
-    mode: "json",
-    theme: "chrome",
-    value: JSON.stringify(JSON.parse(auditLog.content), null, 2),
-    readOnly: true
-  }))))), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(DialogCancel, {
-    onClick: onClose
-  }, "Close")));
+const Preview = ({ auditLog, onClose, hasAccessToUsers })=>{
+    if (!auditLog) return null;
+    const date = new Date(auditLog.createdOn);
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: !!auditLog,
+        onClose: onClose,
+        className: previewDialog,
+        size: "xl",
+        title: auditLog.message,
+        actions: /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            onClick: onClose,
+            text: "Close"
+        })
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Text, {
+        use: "overline"
+    }, "Application"), /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement(Text, {
+        use: "subtitle2"
+    }, auditLog.app)), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Text, {
+        use: "overline"
+    }, "Date"), /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "right",
+        content: `UTC: ${format(addMinutes(date, date.getTimezoneOffset()), "yyyy-MM-dd HH:mm:ss")}`,
+        trigger: /*#__PURE__*/ react.createElement(Text, {
+            use: "subtitle2"
+        }, format(date, "yyyy-MM-dd HH:mm:ss (O)"))
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Text, {
+        use: "overline"
+    }, "Entity"), /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement(Text, {
+        use: "subtitle2"
+    }, auditLog.entity.label)), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Text, {
+        use: "overline"
+    }, "Entity Id"), /*#__PURE__*/ react.createElement("br", null), auditLog.entity.link ? /*#__PURE__*/ react.createElement("a", {
+        href: auditLog.entity.link,
+        target: "blank"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        use: "subtitle2"
+    }, auditLog.entityId)) : /*#__PURE__*/ react.createElement(Text, {
+        use: "subtitle2"
+    }, auditLog.entityId)), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Text, {
+        use: "overline"
+    }, "Action"), /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement(Action, {
+        label: auditLog.action.label,
+        value: auditLog.action.value
+    })), hasAccessToUsers ? /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Text, {
+        use: "overline"
+    }, "Initiator"), /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement("a", {
+        href: `/admin-users?id=${auditLog.createdBy.id}`,
+        target: "blank"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        use: "subtitle2"
+    }, auditLog.createdBy.displayName)), /*#__PURE__*/ react.createElement(Text, {
+        use: "body2"
+    }, ` (${auditLog.createdBy.role})`)) : void 0, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Text, {
+        use: "overline"
+    }, "Payload"), /*#__PURE__*/ react.createElement(PayloadWrapper, null, /*#__PURE__*/ react.createElement(CodeEditor, {
+        language: "json",
+        value: JSON.stringify(JSON.parse(auditLog.content), null, 2)
+    })))));
 };
+export { Preview };
 
 //# sourceMappingURL=Preview.js.map

package/views/Logs/Preview/Preview.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","addMinutes","format","Cell","Grid","Dialog","DialogActions","DialogCancel","DialogContent","DialogTitle","CodeEditor","Tooltip","Action","Text","PayloadWrapper","previewDialog","Preview","auditLog","onClose","hasAccessToUsers","date","Date","createdOn","createElement","open","className","size","message","tabIndex","span","use","app","placement","content","getTimezoneOffset","entity","label","link","href","target","entityId","action","value","createdBy","id","displayName","role","mode","theme","JSON","stringify","parse","readOnly","onClick"],"sources":["Preview.tsx"],"sourcesContent":["import React from \"react\";\nimport { addMinutes, format } from \"date-fns\";\nimport { Cell, Grid } from \"@webiny/ui/Grid/index.js\";\nimport {\n    Dialog,\n    DialogActions,\n    DialogCancel,\n    DialogContent,\n    DialogTitle\n} from \"@webiny/ui/Dialog/index.js\";\nimport { CodeEditor } from \"@webiny/ui/CodeEditor/index.js\";\nimport { Tooltip } from \"@webiny/ui/Tooltip/index.js\";\nimport { Action } from \"~/views/Logs/Table/index.js\";\nimport { Text } from \"~/components/Text.js\";\nimport { PayloadWrapper, previewDialog } from \"./styled.js\";\nimport type { IAuditLog } from \"~/types.js\";\n\ninterface HeaderProps {\n    auditLog: IAuditLog | null;\n    onClose: () => void;\n    hasAccessToUsers: boolean;\n}\n\nexport const Preview = ({ auditLog, onClose, hasAccessToUsers }: HeaderProps) => {\n    if (!auditLog) {\n        return null;\n    }\n    const date = new Date(auditLog.createdOn);\n\n    return (\n        <Dialog open={!!auditLog} onClose={onClose} className={previewDialog} size={\"xl\"}>\n            <DialogTitle>\n                {auditLog.message}\n                <div className=\"title-actions\" tabIndex={0}></div>\n            </DialogTitle>\n\n            <DialogContent>\n                <Grid>\n                    <Cell span={6}>\n                        <Text use=\"overline\">Application</Text>\n                        <br />\n                        <Text use=\"subtitle2\">{auditLog.app}</Text>\n                    </Cell>\n                    <Cell span={6}>\n                        <Text use=\"overline\">Date</Text>\n                        <br />\n                        <Tooltip\n                            placement=\"right\"\n                            content={`UTC: ${format(\n                                addMinutes(date, date.getTimezoneOffset()),\n                                \"yyyy-MM-dd HH:mm:ss\"\n                            )}`}\n                        >\n                            <Text use={\"subtitle2\"}>{format(date, \"yyyy-MM-dd HH:mm:ss (O)\")}</Text>\n                        </Tooltip>\n                    </Cell>\n                    <Cell span={6}>\n                        <Text use=\"overline\">Entity</Text>\n                        <br />\n                        <Text use=\"subtitle2\">{auditLog.entity.label}</Text>\n                    </Cell>\n                    <Cell span={6}>\n                        <Text use=\"overline\">Entity Id</Text>\n                        <br />\n                        {auditLog.entity.link ? (\n                            <a href={auditLog.entity.link} target={\"blank\"}>\n                                <Text use=\"subtitle2\">{auditLog.entityId}</Text>\n                            </a>\n                        ) : (\n                            <Text use=\"subtitle2\">{auditLog.entityId}</Text>\n                        )}\n                    </Cell>\n                    <Cell span={6}>\n                        <Text use=\"overline\">Action</Text>\n                        <br />\n                        <Action label={auditLog.action.label} value={auditLog.action.value} />\n                    </Cell>\n                    {hasAccessToUsers && (\n                        <Cell span={6}>\n                            <Text use=\"overline\">Initiator</Text>\n                            <br />\n                            <a href={`/admin-users?id=${auditLog.createdBy.id}`} target={\"blank\"}>\n                                <Text use={\"subtitle2\"}>{auditLog.createdBy.displayName}</Text>\n                            </a>\n                            <Text use={\"body2\"}>{` (${auditLog.createdBy.role})`}</Text>\n                        </Cell>\n                    )}\n                    <Cell span={12}>\n                        <Text use=\"overline\">Payload</Text>\n                        <PayloadWrapper>\n                            <CodeEditor\n                                mode=\"json\"\n                                theme=\"chrome\"\n                                value={JSON.stringify(JSON.parse(auditLog.content), null, 2)}\n                                readOnly\n                            />\n                        </PayloadWrapper>\n                    </Cell>\n                </Grid>\n            </DialogContent>\n            <DialogActions>\n                <DialogCancel onClick={onClose}>Close</DialogCancel>\n            </DialogActions>\n        </Dialog>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,MAAM,QAAQ,UAAU;AAC7C,SAASC,IAAI,EAAEC,IAAI,QAAQ,0BAA0B;AACrD,SACIC,MAAM,EACNC,aAAa,EACbC,YAAY,EACZC,aAAa,EACbC,WAAW,QACR,4BAA4B;AACnC,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,MAAM;AACf,SAASC,IAAI;AACb,SAASC,cAAc,EAAEC,aAAa;AAStC,OAAO,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAA8B,CAAC,KAAK;EAC7E,IAAI,CAACF,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EACA,MAAMG,IAAI,GAAG,IAAIC,IAAI,CAACJ,QAAQ,CAACK,SAAS,CAAC;EAEzC,oBACItB,KAAA,CAAAuB,aAAA,CAAClB,MAAM;IAACmB,IAAI,EAAE,CAAC,CAACP,QAAS;IAACC,OAAO,EAAEA,OAAQ;IAACO,SAAS,EAAEV,aAAc;IAACW,IAAI,EAAE;EAAK,gBAC7E1B,KAAA,CAAAuB,aAAA,CAACd,WAAW,QACPQ,QAAQ,CAACU,OAAO,eACjB3B,KAAA,CAAAuB,aAAA;IAAKE,SAAS,EAAC,eAAe;IAACG,QAAQ,EAAE;EAAE,CAAM,CACxC,CAAC,eAEd5B,KAAA,CAAAuB,aAAA,CAACf,aAAa,qBACVR,KAAA,CAAAuB,aAAA,CAACnB,IAAI,qBACDJ,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAAC0B,IAAI,EAAE;EAAE,gBACV7B,KAAA,CAAAuB,aAAA,CAACV,IAAI;IAACiB,GAAG,EAAC;EAAU,GAAC,aAAiB,CAAC,eACvC9B,KAAA,CAAAuB,aAAA,WAAK,CAAC,eACNvB,KAAA,CAAAuB,aAAA,CAACV,IAAI;IAACiB,GAAG,EAAC;EAAW,GAAEb,QAAQ,CAACc,GAAU,CACxC,CAAC,eACP/B,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAAC0B,IAAI,EAAE;EAAE,gBACV7B,KAAA,CAAAuB,aAAA,CAACV,IAAI;IAACiB,GAAG,EAAC;EAAU,GAAC,MAAU,CAAC,eAChC9B,KAAA,CAAAuB,aAAA,WAAK,CAAC,eACNvB,KAAA,CAAAuB,aAAA,CAACZ,OAAO;IACJqB,SAAS,EAAC,OAAO;IACjBC,OAAO,EAAE,QAAQ/B,MAAM,CACnBD,UAAU,CAACmB,IAAI,EAAEA,IAAI,CAACc,iBAAiB,CAAC,CAAC,CAAC,EAC1C,qBACJ,CAAC;EAAG,gBAEJlC,KAAA,CAAAuB,aAAA,CAACV,IAAI;IAACiB,GAAG,EAAE;EAAY,GAAE5B,MAAM,CAACkB,IAAI,EAAE,yBAAyB,CAAQ,CAClE,CACP,CAAC,eACPpB,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAAC0B,IAAI,EAAE;EAAE,gBACV7B,KAAA,CAAAuB,aAAA,CAACV,IAAI;IAACiB,GAAG,EAAC;EAAU,GAAC,QAAY,CAAC,eAClC9B,KAAA,CAAAuB,aAAA,WAAK,CAAC,eACNvB,KAAA,CAAAuB,aAAA,CAACV,IAAI;IAACiB,GAAG,EAAC;EAAW,GAAEb,QAAQ,CAACkB,MAAM,CAACC,KAAY,CACjD,CAAC,eACPpC,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAAC0B,IAAI,EAAE;EAAE,gBACV7B,KAAA,CAAAuB,aAAA,CAACV,IAAI;IAACiB,GAAG,EAAC;EAAU,GAAC,WAAe,CAAC,eACrC9B,KAAA,CAAAuB,aAAA,WAAK,CAAC,EACLN,QAAQ,CAACkB,MAAM,CAACE,IAAI,gBACjBrC,KAAA,CAAAuB,aAAA;IAAGe,IAAI,EAAErB,QAAQ,CAACkB,MAAM,CAACE,IAAK;IAACE,MAAM,EAAE;EAAQ,gBAC3CvC,KAAA,CAAAuB,aAAA,CAACV,IAAI;IAACiB,GAAG,EAAC;EAAW,GAAEb,QAAQ,CAACuB,QAAe,CAChD,CAAC,gBAEJxC,KAAA,CAAAuB,aAAA,CAACV,IAAI;IAACiB,GAAG,EAAC;EAAW,GAAEb,QAAQ,CAACuB,QAAe,CAEjD,CAAC,eACPxC,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAAC0B,IAAI,EAAE;EAAE,gBACV7B,KAAA,CAAAuB,aAAA,CAACV,IAAI;IAACiB,GAAG,EAAC;EAAU,GAAC,QAAY,CAAC,eAClC9B,KAAA,CAAAuB,aAAA,WAAK,CAAC,eACNvB,KAAA,CAAAuB,aAAA,CAACX,MAAM;IAACwB,KAAK,EAAEnB,QAAQ,CAACwB,MAAM,CAACL,KAAM;IAACM,KAAK,EAAEzB,QAAQ,CAACwB,MAAM,CAACC;EAAM,CAAE,CACnE,CAAC,EACNvB,gBAAgB,iBACbnB,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAAC0B,IAAI,EAAE;EAAE,gBACV7B,KAAA,CAAAuB,aAAA,CAACV,IAAI;IAACiB,GAAG,EAAC;EAAU,GAAC,WAAe,CAAC,eACrC9B,KAAA,CAAAuB,aAAA,WAAK,CAAC,eACNvB,KAAA,CAAAuB,aAAA;IAAGe,IAAI,EAAE,mBAAmBrB,QAAQ,CAAC0B,SAAS,CAACC,EAAE,EAAG;IAACL,MAAM,EAAE;EAAQ,gBACjEvC,KAAA,CAAAuB,aAAA,CAACV,IAAI;IAACiB,GAAG,EAAE;EAAY,GAAEb,QAAQ,CAAC0B,SAAS,CAACE,WAAkB,CAC/D,CAAC,eACJ7C,KAAA,CAAAuB,aAAA,CAACV,IAAI;IAACiB,GAAG,EAAE;EAAQ,GAAE,KAAKb,QAAQ,CAAC0B,SAAS,CAACG,IAAI,GAAU,CACzD,CACT,eACD9C,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAAC0B,IAAI,EAAE;EAAG,gBACX7B,KAAA,CAAAuB,aAAA,CAACV,IAAI;IAACiB,GAAG,EAAC;EAAU,GAAC,SAAa,CAAC,eACnC9B,KAAA,CAAAuB,aAAA,CAACT,cAAc,qBACXd,KAAA,CAAAuB,aAAA,CAACb,UAAU;IACPqC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,QAAQ;IACdN,KAAK,EAAEO,IAAI,CAACC,SAAS,CAACD,IAAI,CAACE,KAAK,CAAClC,QAAQ,CAACgB,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAE;IAC7DmB,QAAQ;EAAA,CACX,CACW,CACd,CACJ,CACK,CAAC,eAChBpD,KAAA,CAAAuB,aAAA,CAACjB,aAAa,qBACVN,KAAA,CAAAuB,aAAA,CAAChB,YAAY;IAAC8C,OAAO,EAAEnC;EAAQ,GAAC,OAAmB,CACxC,CACX,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"file":"views/Logs/Preview/Preview.js","sources":["../../../../src/views/Logs/Preview/Preview.tsx"],"sourcesContent":["import React from \"react\";\nimport { addMinutes, format } from \"date-fns\";\nimport { Grid, Dialog, CodeEditor, Tooltip } from \"@webiny/admin-ui\";\nimport { Action } from \"~/views/Logs/Table/index.js\";\nimport { Text } from \"~/components/Text.js\";\nimport { PayloadWrapper, previewDialog } from \"./styled.js\";\nimport type { IAuditLog } from \"~/types.js\";\n\ninterface HeaderProps {\n    auditLog: IAuditLog | null;\n    onClose: () => void;\n    hasAccessToUsers: boolean;\n}\n\nexport const Preview = ({ auditLog, onClose, hasAccessToUsers }: HeaderProps) => {\n    if (!auditLog) {\n        return null;\n    }\n    const date = new Date(auditLog.createdOn);\n\n    return (\n        <Dialog\n            open={!!auditLog}\n            onClose={onClose}\n            className={previewDialog}\n            size={\"xl\"}\n            title={auditLog.message}\n            actions={<Dialog.CancelAction onClick={onClose} text={\"Close\"} />}\n        >\n            <Grid>\n                <Grid.Column span={6}>\n                    <Text use=\"overline\">Application</Text>\n                    <br />\n                    <Text use=\"subtitle2\">{auditLog.app}</Text>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Text use=\"overline\">Date</Text>\n                    <br />\n                    <Tooltip\n                        side=\"right\"\n                        content={`UTC: ${format(\n                            addMinutes(date, date.getTimezoneOffset()),\n                            \"yyyy-MM-dd HH:mm:ss\"\n                        )}`}\n                        trigger={\n                            <Text use={\"subtitle2\"}>{format(date, \"yyyy-MM-dd HH:mm:ss (O)\")}</Text>\n                        }\n                    />\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Text use=\"overline\">Entity</Text>\n                    <br />\n                    <Text use=\"subtitle2\">{auditLog.entity.label}</Text>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Text use=\"overline\">Entity Id</Text>\n                    <br />\n                    {auditLog.entity.link ? (\n                        <a href={auditLog.entity.link} target={\"blank\"}>\n                            <Text use=\"subtitle2\">{auditLog.entityId}</Text>\n                        </a>\n                    ) : (\n                        <Text use=\"subtitle2\">{auditLog.entityId}</Text>\n                    )}\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Text use=\"overline\">Action</Text>\n                    <br />\n                    <Action label={auditLog.action.label} value={auditLog.action.value} />\n                </Grid.Column>\n                {\n                    (hasAccessToUsers ? (\n                        <Grid.Column span={6}>\n                            <Text use=\"overline\">Initiator</Text>\n                            <br />\n                            <a href={`/admin-users?id=${auditLog.createdBy.id}`} target={\"blank\"}>\n                                <Text use={\"subtitle2\"}>{auditLog.createdBy.displayName}</Text>\n                            </a>\n                            <Text use={\"body2\"}>{` (${auditLog.createdBy.role})`}</Text>\n                        </Grid.Column>\n                    ) : undefined) as any\n                }\n                <Grid.Column span={12}>\n                    <Text use=\"overline\">Payload</Text>\n                    <PayloadWrapper>\n                        <CodeEditor\n                            language=\"json\"\n                            value={JSON.stringify(JSON.parse(auditLog.content), null, 2)}\n                        />\n                    </PayloadWrapper>\n                </Grid.Column>\n            </Grid>\n        </Dialog>\n    );\n};\n"],"names":["Preview","auditLog","onClose","hasAccessToUsers","date","Date","Dialog","previewDialog","Grid","Text","Tooltip","format","addMinutes","Action","undefined","PayloadWrapper","CodeEditor","JSON"],"mappings":";;;;;;AAcO,MAAMA,UAAU,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,gBAAgB,EAAe;IACxE,IAAI,CAACF,UACD,OAAO;IAEX,MAAMG,OAAO,IAAIC,KAAKJ,SAAS,SAAS;IAExC,OAAO,WAAP,GACI,oBAACK,QAAMA;QACH,MAAM,CAAC,CAACL;QACR,SAASC;QACT,WAAWK;QACX,MAAM;QACN,OAAON,SAAS,OAAO;QACvB,uBAAS,oBAACK,OAAO,YAAY;YAAC,SAASJ;YAAS,MAAM;;qBAEtD,oBAACM,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,KAAI;OAAW,8BACrB,oBAAC,2BACD,oBAACA,MAAIA;QAAC,KAAI;OAAaR,SAAS,GAAG,kBAEvC,oBAACO,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,KAAI;OAAW,uBACrB,oBAAC,2BACD,oBAACC,SAAOA;QACJ,MAAK;QACL,SAAS,CAAC,KAAK,EAAEC,OACbC,WAAWR,MAAMA,KAAK,iBAAiB,KACvC,wBACD;QACH,uBACI,oBAACK,MAAIA;YAAC,KAAK;WAAcE,OAAOP,MAAM;uBAIlD,oBAACI,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,KAAI;OAAW,yBACrB,oBAAC,2BACD,oBAACA,MAAIA;QAAC,KAAI;OAAaR,SAAS,MAAM,CAAC,KAAK,kBAEhD,oBAACO,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,KAAI;OAAW,4BACrB,oBAAC,aACAR,SAAS,MAAM,CAAC,IAAI,GAAG,WAAH,GACjB,oBAAC;QAAE,MAAMA,SAAS,MAAM,CAAC,IAAI;QAAE,QAAQ;qBACnC,oBAACQ,MAAIA;QAAC,KAAI;OAAaR,SAAS,QAAQ,mBAG5C,oBAACQ,MAAIA;QAAC,KAAI;OAAaR,SAAS,QAAQ,kBAGhD,oBAACO,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,KAAI;OAAW,yBACrB,oBAAC,2BACD,oBAACI,QAAMA;QAAC,OAAOZ,SAAS,MAAM,CAAC,KAAK;QAAE,OAAOA,SAAS,MAAM,CAAC,KAAK;SAGjEE,mBAAmB,WAAnBA,GACG,oBAACK,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,KAAI;OAAW,4BACrB,oBAAC,2BACD,oBAAC;QAAE,MAAM,CAAC,gBAAgB,EAAER,SAAS,SAAS,CAAC,EAAE,EAAE;QAAE,QAAQ;qBACzD,oBAACQ,MAAIA;QAAC,KAAK;OAAcR,SAAS,SAAS,CAAC,WAAW,kBAE3D,oBAACQ,MAAIA;QAAC,KAAK;OAAU,CAAC,EAAE,EAAER,SAAS,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,KAExDa,QAAAA,WAAAA,GAER,oBAACN,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,KAAI;OAAW,0BACrB,oBAACM,gBAAcA,MAAAA,WAAAA,GACX,oBAACC,YAAUA;QACP,UAAS;QACT,OAAOC,KAAK,SAAS,CAACA,KAAK,KAAK,CAAChB,SAAS,OAAO,GAAG,MAAM;;AAOtF"}

package/views/Logs/Preview/index.js

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

package/views/Logs/Preview/styled.js

@@ -1,26 +1,32 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import styled from "@emotion/styled";
 import { css } from "@emotion/css";
-export const PayloadWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1r0qp7f0"
-} : {
-  target: "e1r0qp7f0",
-  label: "PayloadWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "y8n0ve",
-  styles: "#brace-editor{height:280px!important;}.ace_print-margin,.ace_active-line,.ace_gutter-active-line,.ace_cursor-layer{display:none;}.ace_line,.ace_gutter-cell{height:12px!important;}.ace_gutter-layer{width:47px!important;}"
-} : {
-  name: "y8n0ve",
-  styles: "#brace-editor{height:280px!important;}.ace_print-margin,.ace_active-line,.ace_gutter-active-line,.ace_cursor-layer{display:none;}.ace_line,.ace_gutter-cell{height:12px!important;}.ace_gutter-layer{width:47px!important;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzJDIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IFBheWxvYWRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgICNicmFjZS1lZGl0b3Ige1xuICAgICAgICBoZWlnaHQ6IDI4MHB4ICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLmFjZV9wcmludC1tYXJnaW4sXG4gICAgLmFjZV9hY3RpdmUtbGluZSxcbiAgICAuYWNlX2d1dHRlci1hY3RpdmUtbGluZSxcbiAgICAuYWNlX2N1cnNvci1sYXllciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmFjZV9saW5lLFxuICAgIC5hY2VfZ3V0dGVyLWNlbGwge1xuICAgICAgICBoZWlnaHQ6IDEycHggIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAuYWNlX2d1dHRlci1sYXllciB7XG4gICAgICAgIHdpZHRoOiA0N3B4ICFpbXBvcnRhbnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IHByZXZpZXdEaWFsb2cgPSBjc3NgXG4gICAgJiAubWRjLWRpYWxvZ19fc3VyZmFjZSB7XG4gICAgICAgIHdpZHRoOiA4MDBweDtcbiAgICAgICAgbWluLXdpZHRoOiA4MDBweDtcbiAgICB9XG5gO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const previewDialog = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "1o3ulgo",
-  styles: "& .mdc-dialog__surface{width:800px;min-width:800px;}"
-} : {
-  name: "ok8s31-previewDialog",
-  styles: "& .mdc-dialog__surface{width:800px;min-width:800px;};label:previewDialog;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJnQyIsImZpbGUiOiJzdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmV4cG9ydCBjb25zdCBQYXlsb2FkV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICAjYnJhY2UtZWRpdG9yIHtcbiAgICAgICAgaGVpZ2h0OiAyODBweCAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5hY2VfcHJpbnQtbWFyZ2luLFxuICAgIC5hY2VfYWN0aXZlLWxpbmUsXG4gICAgLmFjZV9ndXR0ZXItYWN0aXZlLWxpbmUsXG4gICAgLmFjZV9jdXJzb3ItbGF5ZXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIC5hY2VfbGluZSxcbiAgICAuYWNlX2d1dHRlci1jZWxsIHtcbiAgICAgICAgaGVpZ2h0OiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLmFjZV9ndXR0ZXItbGF5ZXIge1xuICAgICAgICB3aWR0aDogNDdweCAhaW1wb3J0YW50O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBwcmV2aWV3RGlhbG9nID0gY3NzYFxuICAgICYgLm1kYy1kaWFsb2dfX3N1cmZhY2Uge1xuICAgICAgICB3aWR0aDogODAwcHg7XG4gICAgICAgIG1pbi13aWR0aDogODAwcHg7XG4gICAgfVxuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+const PayloadWrapper = styled("div")`
+    #brace-editor {
+        height: 280px !important;
+    }
+
+    .ace_print-margin,
+    .ace_active-line,
+    .ace_gutter-active-line,
+    .ace_cursor-layer {
+        display: none;
+    }
+
+    .ace_line,
+    .ace_gutter-cell {
+        height: 12px !important;
+    }
+
+    .ace_gutter-layer {
+        width: 47px !important;
+    }
+`;
+const previewDialog = css`
+    & .mdc-dialog__surface {
+        width: 800px;
+        min-width: 800px;
+    }
+`;
+export { PayloadWrapper, previewDialog };
 
 //# sourceMappingURL=styled.js.map

package/views/Logs/Preview/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","PayloadWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","previewDialog"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"@emotion/css\";\n\nexport const PayloadWrapper = styled(\"div\")`\n    #brace-editor {\n        height: 280px !important;\n    }\n\n    .ace_print-margin,\n    .ace_active-line,\n    .ace_gutter-active-line,\n    .ace_cursor-layer {\n        display: none;\n    }\n\n    .ace_line,\n    .ace_gutter-cell {\n        height: 12px !important;\n    }\n\n    .ace_gutter-layer {\n        width: 47px !important;\n    }\n`;\n\nexport const previewDialog = css`\n    & .mdc-dialog__surface {\n        width: 800px;\n        min-width: 800px;\n    }\n`;\n"],"mappings":";;AACA,SAASA,GAAG,QAAQ,cAAc;AAElC,OAAO,MAAMC,cAAc,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAoB1C;AAED,OAAO,MAAMC,aAAa,gBAAGZ,GAAG,CAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAK/B","ignoreList":[]}
+{"version":3,"file":"views/Logs/Preview/styled.js","sources":["../../../../src/views/Logs/Preview/styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"@emotion/css\";\n\nexport const PayloadWrapper = styled(\"div\")`\n    #brace-editor {\n        height: 280px !important;\n    }\n\n    .ace_print-margin,\n    .ace_active-line,\n    .ace_gutter-active-line,\n    .ace_cursor-layer {\n        display: none;\n    }\n\n    .ace_line,\n    .ace_gutter-cell {\n        height: 12px !important;\n    }\n\n    .ace_gutter-layer {\n        width: 47px !important;\n    }\n`;\n\nexport const previewDialog = css`\n    & .mdc-dialog__surface {\n        width: 800px;\n        min-width: 800px;\n    }\n`;\n"],"names":["PayloadWrapper","styled","previewDialog","css"],"mappings":";;AAGO,MAAMA,iBAAiBC,OAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;AAoB5C,CAAC;AAEM,MAAMC,gBAAgBC,GAAG,CAAC;;;;;AAKjC,CAAC"}

package/views/Logs/Table/Table.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { OnSortingChange, Sorting } from "@webiny/ui/DataTable/index.js";
+import type { DataTableSorting, OnDataTableSortingChange } from "@webiny/admin-ui";
 import type { ActionType, IAuditLog } from "../../../types.js";
 interface ActionProps {
     label: string;
@@ -10,8 +10,8 @@ export interface TableProps {
     records: IAuditLog[];
     loading?: boolean;
     handleRecordSelect: (auditLog: IAuditLog) => void;
-    sorting: Sorting;
-    onSortingChange: OnSortingChange;
+    sorting: DataTableSorting;
+    onSortingChange: OnDataTableSortingChange;
     hasAccessToUsers: boolean;
 }
 export interface EntryWithPreview extends IAuditLog {

package/views/Logs/Table/Table.js

@@ -1,132 +1,108 @@
-import React, { forwardRef, useMemo } from "react";
+import react, { forwardRef, useMemo } from "react";
 import { addMinutes, format } from "date-fns";
-import { ReactComponent as PreviewIcon } from "@webiny/icons/info.svg";
-import { DataTable } from "@webiny/ui/DataTable/index.js";
-import { IconButton } from "@webiny/ui/Button/index.js";
-import { Tooltip } from "@webiny/ui/Tooltip/index.js";
+import { ReactComponent } from "@webiny/icons/info.svg";
+import { DataTable, IconButton, Tooltip } from "@webiny/admin-ui";
 import { Text } from "../../../components/Text.js";
-import { ActionWrapper, appColumn, previewColumn, TextGray, TimezoneText, wideColumn } from "./styled.js";
-export const Action = ({
-  label,
-  value
-}) => {
-  return /*#__PURE__*/React.createElement(ActionWrapper, {
-    value: value
-  }, /*#__PURE__*/React.createElement(Text, {
-    use: "subtitle1"
-  }, label));
-};
-export const Table = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    records,
-    loading,
-    handleRecordSelect,
-    sorting,
-    onSortingChange,
-    hasAccessToUsers
-  } = props;
-  const columns = {
-    createdOn: {
-      header: "Timestamp",
-      cell: ({
-        createdOn
-      }) => {
-        const date = new Date(createdOn);
-        return /*#__PURE__*/React.createElement(Tooltip, {
-          placement: "right",
-          content: `UTC: ${format(addMinutes(date, date.getTimezoneOffset()), "yyyy-MM-dd HH:mm:ss")}`
-        }, /*#__PURE__*/React.createElement(Text, {
-          use: "subtitle1"
-        }, format(date, "yyyy-MM-dd HH:mm:ss")), /*#__PURE__*/React.createElement(TimezoneText, {
-          use: "body2"
-        }, format(date, "(O)")));
-      },
-      enableSorting: true
-    },
-    app: {
-      header: "App/Entity",
-      cell: ({
-        app,
-        entity,
-        entityId
-      }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+import { ActionWrapper, TextGray, TimezoneText, appColumn, previewColumn, wideColumn } from "./styled.js";
+const Action = ({ label, value })=>/*#__PURE__*/ react.createElement(ActionWrapper, {
+        value: value
+    }, /*#__PURE__*/ react.createElement(Text, {
         use: "subtitle1"
-      }, app), entity && /*#__PURE__*/React.createElement(TextGray, {
-        use: "body2"
-      }, ` [Entity: ${entity.label}]`), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(TextGray, {
-        use: "body2"
-      }, `ID: `), entity.link ? /*#__PURE__*/React.createElement("a", {
-        href: entity.link,
-        target: "blank"
-      }, /*#__PURE__*/React.createElement(Text, {
-        use: "body2"
-      }, entityId)) : /*#__PURE__*/React.createElement(Text, {
-        use: "body2"
-      }, entityId)),
-      className: appColumn
-    },
-    action: {
-      header: "Action",
-      cell: ({
-        action
-      }) => {
-        return /*#__PURE__*/React.createElement(Action, {
-          label: action.label,
-          value: action.value
-        });
-      }
-    },
-    message: {
-      header: "Message",
-      cell: ({
-        message
-      }) => /*#__PURE__*/React.createElement(Text, {
-        use: "subtitle1"
-      }, message),
-      className: wideColumn
-    },
-    ...(hasAccessToUsers && {
-      createdBy: {
-        header: "Initiator",
-        cell: ({
-          createdBy
-        }) => /*#__PURE__*/React.createElement("a", {
-          href: `/admin-users?id=${createdBy.id}`,
-          target: "blank"
-        }, /*#__PURE__*/React.createElement(Text, {
-          use: "subtitle1"
-        }, createdBy.displayName || "-"))
-      }
-    }),
-    preview: {
-      header: "",
-      cell: auditLog => /*#__PURE__*/React.createElement(IconButton, {
-        onClick: () => handleRecordSelect(auditLog),
-        icon: /*#__PURE__*/React.createElement(PreviewIcon, null)
-      }),
-      className: previewColumn
-    }
-  };
-  const tableSorting = useMemo(() => {
-    if (!Array.isArray(sorting) || sorting.length === 0) {
-      return [{
-        id: "savedOn",
-        desc: true
-      }];
-    }
-    return sorting;
-  }, [sorting]);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  }, /*#__PURE__*/React.createElement(DataTable, {
-    columns: columns,
-    data: records,
-    loadingInitial: loading,
-    stickyRows: 1,
-    sorting: tableSorting,
-    onSortingChange: onSortingChange
-  }));
+    }, label));
+const Table = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { records, loading, handleRecordSelect, sorting, onSortingChange, hasAccessToUsers } = props;
+    const columns = {
+        createdOn: {
+            header: "Timestamp",
+            cell: (row)=>{
+                const date = new Date(row.createdOn);
+                return /*#__PURE__*/ react.createElement(Tooltip, {
+                    side: "right",
+                    content: `UTC: ${format(addMinutes(date, date.getTimezoneOffset()), "yyyy-MM-dd HH:mm:ss")}`,
+                    trigger: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Text, {
+                        use: "subtitle1"
+                    }, format(date, "yyyy-MM-dd HH:mm:ss")), /*#__PURE__*/ react.createElement(TimezoneText, {
+                        use: "body2"
+                    }, format(date, "(O)")))
+                });
+            },
+            enableSorting: true
+        },
+        app: {
+            header: "App/Entity",
+            cell: (row)=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Text, {
+                    use: "subtitle1"
+                }, row.app), row.entity && /*#__PURE__*/ react.createElement(TextGray, {
+                    use: "body2"
+                }, ` [Entity: ${row.entity.label}]`), /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement(TextGray, {
+                    use: "body2"
+                }, "ID: "), row.entity.link ? /*#__PURE__*/ react.createElement("a", {
+                    href: row.entity.link,
+                    target: "blank"
+                }, /*#__PURE__*/ react.createElement(Text, {
+                    use: "body2"
+                }, row.entityId)) : /*#__PURE__*/ react.createElement(Text, {
+                    use: "body2"
+                }, row.entityId)),
+            className: appColumn
+        },
+        action: {
+            header: "Action",
+            cell: (row)=>/*#__PURE__*/ react.createElement(Action, {
+                    label: row.action.label,
+                    value: row.action.value
+                })
+        },
+        message: {
+            header: "Message",
+            cell: (row)=>/*#__PURE__*/ react.createElement(Text, {
+                    use: "subtitle1"
+                }, row.message),
+            className: wideColumn
+        },
+        ...hasAccessToUsers && {
+            createdBy: {
+                header: "Initiator",
+                cell: (row)=>/*#__PURE__*/ react.createElement("a", {
+                        href: `/admin-users?id=${row.createdBy.id}`,
+                        target: "blank"
+                    }, /*#__PURE__*/ react.createElement(Text, {
+                        use: "subtitle1"
+                    }, row.createdBy.displayName || "-"))
+            }
+        },
+        preview: {
+            header: "",
+            cell: (auditLog)=>/*#__PURE__*/ react.createElement(IconButton, {
+                    onClick: ()=>handleRecordSelect(auditLog),
+                    icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+                }),
+            className: previewColumn
+        }
+    };
+    const tableSorting = useMemo(()=>{
+        if (!Array.isArray(sorting) || 0 === sorting.length) return [
+            {
+                id: "savedOn",
+                desc: true
+            }
+        ];
+        return sorting;
+    }, [
+        sorting
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        ref: ref
+    }, /*#__PURE__*/ react.createElement(DataTable, {
+        columns: columns,
+        data: records,
+        loading: loading,
+        stickyHeader: true,
+        sorting: tableSorting,
+        onSortingChange: onSortingChange
+    }));
 });
 Table.displayName = "Table";
+export { Action, Table };
 
 //# sourceMappingURL=Table.js.map