@webiny/app-audit-logs 0.0.0-unstable.2696f9d9e8

package/views/Logs/LoadingMore/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingMore = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _i18n = require("@webiny/app/i18n");
+var _Typography = require("@webiny/ui/Typography");
+var _Progress = require("@webiny/ui/Progress");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-audit-logs/components/table/loading-more");
+var LoadingMore = function LoadingMore() {
+  return /*#__PURE__*/_react.default.createElement(_styled.Container, null, /*#__PURE__*/_react.default.createElement(_styled.LoaderContainer, null, /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+    size: 20,
+    spinnerWidth: 2
+  })), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "body2"
+  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Loading more records..."])))));
+};
+exports.LoadingMore = LoadingMore;
+
+//# sourceMappingURL=index.js.map

package/views/Logs/LoadingMore/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Typography","_Progress","_styled","_templateObject","t","i18n","ns","LoadingMore","default","createElement","Container","LoaderContainer","CircularProgress","size","spinnerWidth","Typography","use","_taggedTemplateLiteral2","exports"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nimport { Container, LoaderContainer } from \"./styled\";\n\nconst t = i18n.ns(\"app-audit-logs/components/table/loading-more\");\n\nexport const LoadingMore = () => {\n    return (\n        <Container>\n            <LoaderContainer>\n                <CircularProgress size={20} spinnerWidth={2} />\n            </LoaderContainer>\n            <Typography use={\"body2\"}>{t`Loading more records...`}</Typography>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAAsD,IAAAK,eAAA;AAEtD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,8CAA8C,CAAC;AAE1D,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC7B,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAQ,SAAS,qBACNd,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAS,eAAe,qBACZf,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,SAAA,CAAAW,gBAAgB;IAACC,IAAI,EAAE,EAAG;IAACC,YAAY,EAAE;EAAE,CAAE,CACjC,CAAC,eAClBlB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,WAAA,CAAAe,UAAU;IAACC,GAAG,EAAE;EAAQ,GAAEZ,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAT,OAAA,gCAAsC,CAC3D,CAAC;AAEpB,CAAC;AAACU,OAAA,CAAAX,WAAA,GAAAA,WAAA"}

package/views/Logs/LoadingMore/styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoaderContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/views/Logs/LoadingMore/styled.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoaderContainer = exports.Container = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var Container = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "Container",
+  target: "e1eq8x7r0"
+})("position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:40px;background-color:var(--mdc-theme-background);border-top:1px solid var(--mdc-theme-on-background);");
+exports.Container = Container;
+var LoaderContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "LoaderContainer",
+  target: "e1eq8x7r1"
+})("display:flex;position:relative;width:50px;> div{background-color:var(--mdc-theme-background);}");
+exports.LoaderContainer = LoaderContainer;
+
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","Container","styled","label","target","exports","LoaderContainer"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Container = styled(\"div\")`\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 40px;\n    background-color: var(--mdc-theme-background);\n    border-top: 1px solid var(--mdc-theme-on-background);\n`;\n\nexport const LoaderContainer = styled(\"div\")`\n    display: flex;\n    position: relative;\n    width: 50px;\n    > div {\n        background-color: var(--mdc-theme-background);\n    }\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,uNAWpC;AAACC,OAAA,CAAAJ,SAAA,GAAAA,SAAA;AAEK,IAAMK,eAAe,oBAAGJ,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,oGAO1C;AAACC,OAAA,CAAAC,eAAA,GAAAA,eAAA"}

package/views/Logs/Logs.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const AuditLogsView: () => JSX.Element;
+export default AuditLogsView;

package/views/Logs/Logs.js

@@ -0,0 +1,107 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _i18n = require("@webiny/app/i18n");
+var _EmptyView = _interopRequireDefault(require("@webiny/app-admin/components/EmptyView"));
+var _Scrollbar = require("@webiny/ui/Scrollbar");
+var _appSecurity = require("@webiny/app-security");
+var _LoadingMore = require("./LoadingMore");
+var _LoadMoreButton = require("./LoadMoreButton");
+var _Header = require("./Header");
+var _Filters = require("./Filters");
+var _Table = require("./Table");
+var _Preview = require("./Preview");
+var _hooks = require("../../hooks");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-audit-logs/views/logs");
+var AuditLogsView = function AuditLogsView() {
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    selectedAuditLog = _useState2[0],
+    setSelectedAuditLog = _useState2[1];
+  var handleAuditLogSelect = (0, _react.useCallback)(function (auditLog) {
+    return setSelectedAuditLog(auditLog);
+  }, []);
+  var closePreviewModal = (0, _react.useCallback)(function () {
+    return setSelectedAuditLog(null);
+  }, []);
+  var _window = window,
+    windowHeight = _window.innerHeight;
+  var _useState3 = (0, _react.useState)(0),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    tableHeight = _useState4[0],
+    setTableHeight = _useState4[1];
+  var tableRef = (0, _react.useRef)(null);
+  var _useSecurity = (0, _appSecurity.useSecurity)(),
+    getPermissions = _useSecurity.getPermissions;
+  var hasAccessToUsers = Boolean(getPermissions("adminUsers").length);
+  var list = (0, _hooks.useAuditLogsList)(hasAccessToUsers);
+  (0, _react.useEffect)(function () {
+    setTableHeight(tableRef?.current?.clientHeight || 0);
+    return function () {
+      setTableHeight(0);
+    };
+  });
+  var loadMoreOnScroll = (0, _debounce.default)(function (_ref) {
+    var scrollFrame = _ref.scrollFrame;
+    if (scrollFrame.top > 0.8) {
+      list.listMoreRecords();
+    }
+  }, 200);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.MainContainer, null, /*#__PURE__*/_react.default.createElement(_Header.Header, {
+    title: "Audit Logs",
+    searchValue: list.search,
+    onSearchChange: list.setSearch,
+    showingFilters: list.showingFilters,
+    showFilters: list.showFilters,
+    hideFilters: list.hideFilters
+  }), /*#__PURE__*/_react.default.createElement(_styled.Wrapper, null, /*#__PURE__*/_react.default.createElement(_Filters.Filters, {
+    showingFilters: list.showingFilters,
+    setFilters: list.setFilters,
+    hasAccessToUsers: hasAccessToUsers
+  }), list.records.length === 0 && !list.isListLoading ? /*#__PURE__*/_react.default.createElement(_EmptyView.default, {
+    title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["No results found."]))),
+    action: null
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Preview.Preview, {
+    auditLog: selectedAuditLog,
+    onClose: function onClose() {
+      return closePreviewModal();
+    },
+    hasAccessToUsers: hasAccessToUsers
+  }), /*#__PURE__*/_react.default.createElement(_Scrollbar.Scrollbar, {
+    "data-testid": "default-data-list",
+    onScrollFrame: function onScrollFrame(scrollFrame) {
+      return loadMoreOnScroll({
+        scrollFrame: scrollFrame
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Table.Table, {
+    ref: tableRef,
+    records: list.records,
+    loading: list.isListLoading,
+    handleRecordSelect: handleAuditLogSelect,
+    sorting: list.sorting,
+    onSortingChange: list.setSorting,
+    hasAccessToUsers: hasAccessToUsers
+  }), /*#__PURE__*/_react.default.createElement(_LoadMoreButton.LoadMoreButton, {
+    show: !list.isListLoading && list.meta.hasMoreItems,
+    disabled: list.isListLoadingMore,
+    windowHeight: windowHeight,
+    tableHeight: tableHeight,
+    onClick: list.listMoreRecords
+  })), list.isListLoadingMore && /*#__PURE__*/_react.default.createElement(_LoadingMore.LoadingMore, null)))));
+};
+var _default = AuditLogsView;
+exports.default = _default;
+
+//# sourceMappingURL=Logs.js.map

package/views/Logs/Logs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_debounce","_interopRequireDefault","_i18n","_EmptyView","_Scrollbar","_appSecurity","_LoadingMore","_LoadMoreButton","_Header","_Filters","_Table","_Preview","_hooks","_styled","_templateObject","t","i18n","ns","AuditLogsView","_useState","useState","_useState2","_slicedToArray2","default","selectedAuditLog","setSelectedAuditLog","handleAuditLogSelect","useCallback","auditLog","closePreviewModal","_window","window","windowHeight","innerHeight","_useState3","_useState4","tableHeight","setTableHeight","tableRef","useRef","_useSecurity","useSecurity","getPermissions","hasAccessToUsers","Boolean","length","list","useAuditLogsList","useEffect","current","clientHeight","loadMoreOnScroll","debounce","_ref","scrollFrame","top","listMoreRecords","createElement","Fragment","MainContainer","Header","title","searchValue","search","onSearchChange","setSearch","showingFilters","showFilters","hideFilters","Wrapper","Filters","setFilters","records","isListLoading","_taggedTemplateLiteral2","action","Preview","onClose","Scrollbar","onScrollFrame","Table","ref","loading","handleRecordSelect","sorting","onSortingChange","setSorting","LoadMoreButton","show","meta","hasMoreItems","disabled","isListLoadingMore","onClick","LoadingMore","_default","exports"],"sources":["Logs.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState, useEffect } from \"react\";\nimport debounce from \"lodash/debounce\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { useSecurity } from \"@webiny/app-security\";\n\nimport { LoadingMore } from \"~/views/Logs/LoadingMore\";\nimport { LoadMoreButton } from \"~/views/Logs/LoadMoreButton\";\nimport { Header } from \"~/views/Logs/Header\";\nimport { Filters } from \"~/views/Logs/Filters\";\nimport { Table } from \"~/views/Logs/Table\";\nimport { Preview } from \"~/views/Logs/Preview\";\nimport { useAuditLogsList } from \"~/hooks\";\nimport { Entry } from \"~/utils/transformCmsContentEntriesToRecordEntries\";\nimport { MainContainer, Wrapper } from \"./styled\";\n\nconst t = i18n.ns(\"app-audit-logs/views/logs\");\n\nconst AuditLogsView = () => {\n    const [selectedAuditLog, setSelectedAuditLog] = useState<Entry | null>(null);\n    const handleAuditLogSelect = useCallback(\n        (auditLog: Entry) => setSelectedAuditLog(auditLog),\n        []\n    );\n    const closePreviewModal = useCallback(() => setSelectedAuditLog(null), []);\n\n    const { innerHeight: windowHeight } = window;\n    const [tableHeight, setTableHeight] = useState(0);\n    const tableRef = useRef<HTMLDivElement>(null);\n\n    const { getPermissions } = useSecurity();\n    const hasAccessToUsers = Boolean(getPermissions(\"adminUsers\").length);\n\n    const list = useAuditLogsList(hasAccessToUsers);\n\n    useEffect(() => {\n        setTableHeight(tableRef?.current?.clientHeight || 0);\n\n        return () => {\n            setTableHeight(0);\n        };\n    });\n\n    const loadMoreOnScroll = debounce(({ scrollFrame }) => {\n        if (scrollFrame.top > 0.8) {\n            list.listMoreRecords();\n        }\n    }, 200);\n\n    return (\n        <>\n            <MainContainer>\n                <Header\n                    title=\"Audit Logs\"\n                    searchValue={list.search}\n                    onSearchChange={list.setSearch}\n                    showingFilters={list.showingFilters}\n                    showFilters={list.showFilters}\n                    hideFilters={list.hideFilters}\n                />\n                <Wrapper>\n                    <Filters\n                        showingFilters={list.showingFilters}\n                        setFilters={list.setFilters}\n                        hasAccessToUsers={hasAccessToUsers}\n                    />\n                    {list.records.length === 0 && !list.isListLoading ? (\n                        <EmptyView title={t`No results found.`} action={null} />\n                    ) : (\n                        <>\n                            <Preview\n                                auditLog={selectedAuditLog}\n                                onClose={() => closePreviewModal()}\n                                hasAccessToUsers={hasAccessToUsers}\n                            />\n                            <Scrollbar\n                                data-testid=\"default-data-list\"\n                                onScrollFrame={scrollFrame => loadMoreOnScroll({ scrollFrame })}\n                            >\n                                <Table\n                                    ref={tableRef}\n                                    records={list.records}\n                                    loading={list.isListLoading}\n                                    handleRecordSelect={handleAuditLogSelect}\n                                    sorting={list.sorting}\n                                    onSortingChange={list.setSorting}\n                                    hasAccessToUsers={hasAccessToUsers}\n                                />\n                                <LoadMoreButton\n                                    show={!list.isListLoading && list.meta.hasMoreItems}\n                                    disabled={list.isListLoadingMore}\n                                    windowHeight={windowHeight}\n                                    tableHeight={tableHeight}\n                                    onClick={list.listMoreRecords}\n                                />\n                            </Scrollbar>\n                            {list.isListLoadingMore && <LoadingMore />}\n                        </>\n                    )}\n                </Wrapper>\n            </MainContainer>\n        </>\n    );\n};\n\nexport default AuditLogsView;\n"],"mappings":"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"}

package/views/Logs/LogsModule.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LogsModule: () => JSX.Element;

package/views/Logs/LogsModule.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LogsModule = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _list = require("../../config/list");
+var _Filters = require("./Filters");
+var Browser = _list.AuditLogsListConfig.Browser;
+var LogsModule = function LogsModule() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_list.AuditLogsListConfig, null, /*#__PURE__*/_react.default.createElement(Browser.Filter, {
+    name: "timestamp",
+    element: /*#__PURE__*/_react.default.createElement(_Filters.FilterByTimestamp, null)
+  }), /*#__PURE__*/_react.default.createElement(Browser.Filter, {
+    name: "initiator",
+    element: /*#__PURE__*/_react.default.createElement(_Filters.FilterByInitiator, null)
+  }), /*#__PURE__*/_react.default.createElement(Browser.Filter, {
+    name: "app",
+    element: /*#__PURE__*/_react.default.createElement(_Filters.FilterByApp, null)
+  }), /*#__PURE__*/_react.default.createElement(Browser.Filter, {
+    name: "entity",
+    element: /*#__PURE__*/_react.default.createElement(_Filters.FilterByEntity, null)
+  }), /*#__PURE__*/_react.default.createElement(Browser.Filter, {
+    name: "action",
+    element: /*#__PURE__*/_react.default.createElement(_Filters.FilterByAction, null)
+  })));
+};
+exports.LogsModule = LogsModule;
+
+//# sourceMappingURL=LogsModule.js.map

package/views/Logs/LogsModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_list","_Filters","Browser","AuditLogsListConfig","LogsModule","default","createElement","Fragment","Filter","name","element","FilterByTimestamp","FilterByInitiator","FilterByApp","FilterByEntity","FilterByAction","exports"],"sources":["LogsModule.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { AuditLogsListConfig } from \"~/config/list\";\nimport {\n    FilterByTimestamp,\n    FilterByInitiator,\n    FilterByApp,\n    FilterByEntity,\n    FilterByAction\n} from \"~/views/Logs/Filters\";\n\nconst { Browser } = AuditLogsListConfig;\n\nexport const LogsModule = () => {\n    return (\n        <>\n            <AuditLogsListConfig>\n                <Browser.Filter name={\"timestamp\"} element={<FilterByTimestamp />} />\n                <Browser.Filter name={\"initiator\"} element={<FilterByInitiator />} />\n                <Browser.Filter name={\"app\"} element={<FilterByApp />} />\n                <Browser.Filter name={\"entity\"} element={<FilterByEntity />} />\n                <Browser.Filter name={\"action\"} element={<FilterByAction />} />\n            </AuditLogsListConfig>\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAQA,IAAQG,OAAO,GAAKC,yBAAmB,CAA/BD,OAAO;AAER,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC5B,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAAAT,MAAA,CAAAQ,OAAA,CAAAE,QAAA,qBACIV,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAG,mBAAmB,qBAChBN,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACJ,OAAO,CAACM,MAAM;IAACC,IAAI,EAAE,WAAY;IAACC,OAAO,eAAEb,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,QAAA,CAAAU,iBAAiB,MAAE;EAAE,CAAE,CAAC,eACrEd,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACJ,OAAO,CAACM,MAAM;IAACC,IAAI,EAAE,WAAY;IAACC,OAAO,eAAEb,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,QAAA,CAAAW,iBAAiB,MAAE;EAAE,CAAE,CAAC,eACrEf,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACJ,OAAO,CAACM,MAAM;IAACC,IAAI,EAAE,KAAM;IAACC,OAAO,eAAEb,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,QAAA,CAAAY,WAAW,MAAE;EAAE,CAAE,CAAC,eACzDhB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACJ,OAAO,CAACM,MAAM;IAACC,IAAI,EAAE,QAAS;IAACC,OAAO,eAAEb,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,QAAA,CAAAa,cAAc,MAAE;EAAE,CAAE,CAAC,eAC/DjB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACJ,OAAO,CAACM,MAAM;IAACC,IAAI,EAAE,QAAS;IAACC,OAAO,eAAEb,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,QAAA,CAAAc,cAAc,MAAE;EAAE,CAAE,CAC7C,CACvB,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAZ,UAAA,GAAAA,UAAA"}

package/views/Logs/Preview/Preview.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Entry } from "../../../utils/transformCmsContentEntriesToRecordEntries";
+declare type HeaderProps = {
+    auditLog: Entry | null;
+    onClose: () => void;
+    hasAccessToUsers: boolean;
+};
+export declare const Preview: ({ auditLog, onClose, hasAccessToUsers }: HeaderProps) => JSX.Element | null;
+export {};

package/views/Logs/Preview/Preview.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Preview = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _dateFns = require("date-fns");
+var _Grid = require("@webiny/ui/Grid");
+var _Dialog = require("@webiny/ui/Dialog");
+var _CodeEditor = require("@webiny/ui/CodeEditor");
+var _Tooltip = require("@webiny/ui/Tooltip");
+var _Table = require("../Table");
+var _Text = require("../../../components/Text");
+var _styled = require("./styled");
+var Preview = function Preview(_ref) {
+  var auditLog = _ref.auditLog,
+    onClose = _ref.onClose,
+    hasAccessToUsers = _ref.hasAccessToUsers;
+  if (!auditLog) {
+    return null;
+  }
+  var date = new Date(auditLog.savedOn);
+  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+    open: !!auditLog,
+    onClose: onClose,
+    className: _styled.previewDialog
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, auditLog.message, /*#__PURE__*/_react.default.createElement("div", {
+    className: "title-actions",
+    tabIndex: 0
+  })), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 6
+  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "overline"
+  }, "Application"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "subtitle2"
+  }, auditLog.app)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 6
+  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "overline"
+  }, "Date"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    placement: "right",
+    content: "UTC: ".concat((0, _dateFns.format)((0, _dateFns.addMinutes)(date, date.getTimezoneOffset()), "yyyy-MM-dd HH:mm:ss"))
+  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "subtitle2"
+  }, (0, _dateFns.format)(date, "yyyy-MM-dd HH:mm:ss (O)")))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 6
+  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "overline"
+  }, "Entity"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "subtitle2"
+  }, auditLog.entity.label)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 6
+  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "overline"
+  }, "Entity Id"), /*#__PURE__*/_react.default.createElement("br", null), auditLog.entity.link ? /*#__PURE__*/_react.default.createElement("a", {
+    href: auditLog.entity.link,
+    target: "blank"
+  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "subtitle2"
+  }, auditLog.entityId)) : /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "subtitle2"
+  }, auditLog.entityId)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 6
+  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "overline"
+  }, "Action"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Table.Action, {
+    label: auditLog.action.label,
+    value: auditLog.action.value
+  })), hasAccessToUsers && /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 6
+  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "overline"
+  }, "Initiator"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("a", {
+    href: "/admin-users?id=".concat(auditLog.initiator.id),
+    target: "blank"
+  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "subtitle2"
+  }, auditLog.initiator.name)), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "body2"
+  }, " (".concat(auditLog.initiator.role, ")"))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 12
+  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "overline"
+  }, "Payload"), /*#__PURE__*/_react.default.createElement(_styled.PayloadWrapper, null, /*#__PURE__*/_react.default.createElement(_CodeEditor.CodeEditor, {
+    mode: "json",
+    theme: "chrome",
+    value: JSON.stringify(JSON.parse(auditLog.data), null, 2),
+    readOnly: true
+  }))))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogCancel, {
+    onClick: onClose
+  }, "Close")));
+};
+exports.Preview = Preview;
+
+//# sourceMappingURL=Preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_dateFns","_Grid","_Dialog","_CodeEditor","_Tooltip","_Table","_Text","_styled","Preview","_ref","auditLog","onClose","hasAccessToUsers","date","Date","savedOn","default","createElement","Dialog","open","className","previewDialog","DialogTitle","message","tabIndex","DialogContent","Grid","Cell","span","Text","use","app","Tooltip","placement","content","concat","format","addMinutes","getTimezoneOffset","entity","label","link","href","target","entityId","Action","action","value","initiator","id","name","role","PayloadWrapper","CodeEditor","mode","theme","JSON","stringify","parse","data","readOnly","DialogActions","DialogCancel","onClick","exports"],"sources":["Preview.tsx"],"sourcesContent":["import React from \"react\";\nimport { format, addMinutes } from \"date-fns\";\n\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Dialog, DialogContent, DialogTitle, DialogCancel, DialogActions } from \"@webiny/ui/Dialog\";\nimport { CodeEditor } from \"@webiny/ui/CodeEditor\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n\nimport { Action } from \"~/views/Logs/Table\";\nimport { Text } from \"~/components/Text\";\nimport { Entry } from \"~/utils/transformCmsContentEntriesToRecordEntries\";\nimport { PayloadWrapper, previewDialog } from \"./styled\";\n\ntype HeaderProps = {\n    auditLog: Entry | null;\n    onClose: () => void;\n    hasAccessToUsers: boolean;\n};\n\nexport const Preview = ({ auditLog, onClose, hasAccessToUsers }: HeaderProps) => {\n    if (!auditLog) {\n        return null;\n    }\n\n    const date = new Date(auditLog.savedOn);\n\n    return (\n        <Dialog open={!!auditLog} onClose={onClose} className={previewDialog}>\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.initiator.id}`} target={\"blank\"}>\n                                <Text use={\"subtitle2\"}>{auditLog.initiator.name}</Text>\n                            </a>\n                            <Text use={\"body2\"}>{` (${auditLog.initiator.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.data), 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":"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"}

package/views/Logs/Preview/index.d.ts

@@ -0,0 +1 @@
+export * from "./Preview";

package/views/Logs/Preview/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Preview = require("./Preview");
+Object.keys(_Preview).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Preview[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Preview[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Preview","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./Preview\";\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/views/Logs/Preview/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const PayloadWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const previewDialog: string;

package/views/Logs/Preview/styled.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.previewDialog = exports.PayloadWrapper = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _emotion = require("emotion");
+var PayloadWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "PayloadWrapper",
+  target: "e1r0qp7f0"
+})("#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;}");
+exports.PayloadWrapper = PayloadWrapper;
+var previewDialog = /*#__PURE__*/(0, _emotion.css)("& .mdc-dialog__surface{width:800px;min-width:800px;}label:previewDialog;");
+exports.previewDialog = previewDialog;
+
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","_emotion","PayloadWrapper","styled","label","target","exports","previewDialog","css"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\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":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEO,IAAME,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,oOAoBzC;AAACC,OAAA,CAAAJ,cAAA,GAAAA,cAAA;AAEK,IAAMK,aAAa,oBAAGC,YAAG,6EAK/B;AAACF,OAAA,CAAAC,aAAA,GAAAA,aAAA"}

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { OnSortingChange, Sorting } from "@webiny/ui/DataTable";
+import { Entry } from "../../../utils/transformCmsContentEntriesToRecordEntries";
+declare type ActionProps = {
+    label: string;
+    value: string;
+};
+export declare const Action: ({ label, value }: ActionProps) => JSX.Element;
+export interface TableProps {
+    records: Entry[];
+    loading?: boolean;
+    handleRecordSelect: (auditLog: Entry) => void;
+    sorting: Sorting;
+    onSortingChange: OnSortingChange;
+    hasAccessToUsers: boolean;
+}
+export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/views/Logs/Table/Table.js

@@ -0,0 +1,145 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Table = exports.Action = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireWildcard(require("react"));
+var _dateFns = require("date-fns");
+var _visibility = require("@material-design-icons/svg/outlined/visibility.svg");
+var _DataTable = require("@webiny/ui/DataTable");
+var _Button = require("@webiny/ui/Button");
+var _Tooltip = require("@webiny/ui/Tooltip");
+var _Text = require("../../../components/Text");
+var _styled = require("./styled");
+var Action = function Action(_ref) {
+  var label = _ref.label,
+    value = _ref.value;
+  return /*#__PURE__*/_react.default.createElement(_styled.ActionWrapper, {
+    value: value
+  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "subtitle1"
+  }, label));
+};
+exports.Action = Action;
+var Table = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var records = props.records,
+    loading = props.loading,
+    handleRecordSelect = props.handleRecordSelect,
+    sorting = props.sorting,
+    onSortingChange = props.onSortingChange,
+    hasAccessToUsers = props.hasAccessToUsers;
+  var columns = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    savedOn: {
+      header: "Timestamp",
+      cell: function cell(_ref2) {
+        var savedOn = _ref2.savedOn;
+        var date = new Date(savedOn);
+        return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+          placement: "right",
+          content: "UTC: ".concat((0, _dateFns.format)((0, _dateFns.addMinutes)(date, date.getTimezoneOffset()), "yyyy-MM-dd HH:mm:ss"))
+        }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+          use: "subtitle1"
+        }, (0, _dateFns.format)(date, "yyyy-MM-dd HH:mm:ss")), /*#__PURE__*/_react.default.createElement(_styled.TimezoneText, {
+          use: "body2"
+        }, (0, _dateFns.format)(date, "(O)")));
+      },
+      enableSorting: true
+    },
+    app: {
+      header: "App/Entity",
+      cell: function cell(_ref3) {
+        var app = _ref3.app,
+          entity = _ref3.entity,
+          entityId = _ref3.entityId;
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+          use: "subtitle1"
+        }, app), entity && /*#__PURE__*/_react.default.createElement(_styled.TextGray, {
+          use: "body2"
+        }, " [Entity: ".concat(entity.label, "]")), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_styled.TextGray, {
+          use: "body2"
+        }, "ID: "), entity.link ? /*#__PURE__*/_react.default.createElement("a", {
+          href: entity.link,
+          target: "blank"
+        }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+          use: "body2"
+        }, entityId)) : /*#__PURE__*/_react.default.createElement(_Text.Text, {
+          use: "body2"
+        }, entityId));
+      },
+      className: _styled.appColumn
+    },
+    action: {
+      header: "Action",
+      cell: function cell(_ref4) {
+        var action = _ref4.action;
+        return /*#__PURE__*/_react.default.createElement(Action, {
+          label: action.label,
+          value: action.value
+        });
+      }
+    },
+    message: {
+      header: "Message",
+      cell: function cell(_ref5) {
+        var message = _ref5.message;
+        return /*#__PURE__*/_react.default.createElement(_Text.Text, {
+          use: "subtitle1"
+        }, message);
+      },
+      className: _styled.wideColumn
+    }
+  }, hasAccessToUsers && {
+    initiator: {
+      header: "Initiator",
+      cell: function cell(_ref6) {
+        var initiator = _ref6.initiator;
+        return /*#__PURE__*/_react.default.createElement("a", {
+          href: "/admin-users?id=".concat(initiator.id),
+          target: "blank"
+        }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+          use: "subtitle1"
+        }, initiator.name));
+      }
+    }
+  }), {}, {
+    preview: {
+      header: "",
+      cell: function cell(auditLog) {
+        return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+          onClick: function onClick() {
+            return handleRecordSelect(auditLog);
+          },
+          icon: /*#__PURE__*/_react.default.createElement(_visibility.ReactComponent, null)
+        });
+      },
+      className: _styled.previewColumn
+    }
+  });
+  var tableSorting = (0, _react.useMemo)(function () {
+    if (!Array.isArray(sorting) || sorting.length === 0) {
+      return [{
+        id: "savedOn",
+        desc: true
+      }];
+    }
+    return sorting;
+  }, [sorting]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement(_DataTable.DataTable, {
+    columns: columns,
+    data: records,
+    loadingInitial: loading,
+    stickyRows: 1,
+    sorting: tableSorting,
+    onSortingChange: onSortingChange
+  }));
+});
+exports.Table = Table;
+Table.displayName = "Table";
+
+//# sourceMappingURL=Table.js.map