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

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

@@ -1 +1 @@
-{"version":3,"names":["Container","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Container = styled(\"div\")`\n    display: flex;\n    justify-content: center;\n    margin-top: 16px;\n`;\n"],"mappings":";;AAEA,OAAO,MAAMA,SAAS,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,EAIrC","ignoreList":[]}
+{"version":3,"file":"views/Logs/LoadMoreButton/styled.js","sources":["../../../../src/views/Logs/LoadMoreButton/styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Container = styled(\"div\")`\n    display: flex;\n    justify-content: center;\n    margin-top: 16px;\n`;\n"],"names":["Container","styled"],"mappings":";AAEO,MAAMA,YAAYC,OAAO,MAAM,CAAC;;;;AAIvC,CAAC"}

package/views/Logs/LoadingMore/index.js

@@ -1,16 +1,16 @@
-import React from "react";
+import react from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { Typography } from "@webiny/ui/Typography/index.js";
-import { CircularProgress } from "@webiny/ui/Progress/index.js";
-import { Container, LoaderContainer } from "./styled.js";
+import { Loader, Text } from "@webiny/admin-ui";
 const t = i18n.ns("app-audit-logs/components/table/loading-more");
-export const LoadingMore = () => {
-  return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(LoaderContainer, null, /*#__PURE__*/React.createElement(CircularProgress, {
-    size: 20,
-    spinnerWidth: 2
-  })), /*#__PURE__*/React.createElement(Typography, {
-    use: "body2"
-  }, t`Loading more records...`));
-};
+const LoadingMore = ()=>/*#__PURE__*/ react.createElement("div", {
+        className: "absolute bottom-0 left-0 flex w-full items-center justify-center p-xl"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "mx-auto flex items-center gap-sm rounded-md border border-neutral-dimmed bg-white p-md"
+    }, /*#__PURE__*/ react.createElement(Loader, {
+        size: "xs"
+    }), /*#__PURE__*/ react.createElement(Text, {
+        as: "span"
+    }, t`Loading more records...`)));
+export { LoadingMore };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","Typography","CircularProgress","Container","LoaderContainer","t","ns","LoadingMore","createElement","size","spinnerWidth","use"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Typography } from \"@webiny/ui/Typography/index.js\";\nimport { CircularProgress } from \"@webiny/ui/Progress/index.js\";\nimport { Container, LoaderContainer } from \"./styled.js\";\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,SAASC,SAAS,EAAEC,eAAe;AAEnC,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,8CAA8C,CAAC;AAEjE,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,oBACIR,KAAA,CAAAS,aAAA,CAACL,SAAS,qBACNJ,KAAA,CAAAS,aAAA,CAACJ,eAAe,qBACZL,KAAA,CAAAS,aAAA,CAACN,gBAAgB;IAACO,IAAI,EAAE,EAAG;IAACC,YAAY,EAAE;EAAE,CAAE,CACjC,CAAC,eAClBX,KAAA,CAAAS,aAAA,CAACP,UAAU;IAACU,GAAG,EAAE;EAAQ,GAAEN,CAAC,yBAAsC,CAC3D,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"file":"views/Logs/LoadingMore/index.js","sources":["../../../../src/views/Logs/LoadingMore/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Loader, Text } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-audit-logs/components/table/loading-more\");\n\nexport const LoadingMore = () => {\n    return (\n        <div className=\"absolute bottom-0 left-0 flex w-full items-center justify-center p-xl\">\n            <div className=\"mx-auto flex items-center gap-sm rounded-md border border-neutral-dimmed bg-white p-md\">\n                <Loader size={\"xs\"} />\n                <Text as={\"span\"}>{t`Loading more records...`}</Text>\n            </div>\n        </div>\n    );\n};\n"],"names":["t","i18n","LoadingMore","Loader","Text"],"mappings":";;;AAIA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,cAAc,IAChB,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACC,QAAMA;QAAC,MAAM;sBACd,oBAACC,MAAIA;QAAC,IAAI;OAASJ,CAAC,CAAC,uBAAuB,CAAC"}

package/views/Logs/Logs.js

@@ -1,8 +1,8 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import react, { useCallback, useEffect, useRef, useState } from "react";
 import debounce from "lodash/debounce.js";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { EmptyView } from "@webiny/app-admin";
-import { Scrollbar } from "@webiny/ui/Scrollbar/index.js";
+import { EmptyView, useSecurity } from "@webiny/app-admin";
+import { Scrollbar } from "@webiny/admin-ui";
 import { LoadingMore } from "./LoadingMore/index.js";
 import { LoadMoreButton } from "./LoadMoreButton/index.js";
 import { Header } from "./Header/index.js";
@@ -10,72 +10,67 @@ import { Filters } from "./Filters/index.js";
 import { Table } from "./Table/index.js";
 import { Preview } from "./Preview/index.js";
 import { useAuditLogsList } from "../../hooks/index.js";
-import { MainContainer, Wrapper } from "./styled.js";
-import { useSecurity } from "@webiny/app-admin";
 const t = i18n.ns("app-audit-logs/views/logs");
-const AuditLogsView = () => {
-  const [selectedAuditLog, setSelectedAuditLog] = useState(null);
-  const handleAuditLogSelect = useCallback(auditLog => setSelectedAuditLog(auditLog), []);
-  const closePreviewModal = useCallback(() => setSelectedAuditLog(null), []);
-  const {
-    innerHeight: windowHeight
-  } = window;
-  const [tableHeight, setTableHeight] = useState(0);
-  const tableRef = useRef(null);
-  const {
-    getPermissions
-  } = useSecurity();
-  const hasAccessToUsers = Boolean(getPermissions("adminUsers").length);
-  const list = useAuditLogsList();
-  useEffect(() => {
-    setTableHeight(tableRef?.current?.clientHeight || 0);
-    return () => {
-      setTableHeight(0);
-    };
-  });
-  const loadMoreOnScroll = debounce(({
-    scrollFrame
-  }) => {
-    if (scrollFrame.top > 0.8) {
-      list.listMoreRecords();
-    }
-  }, 200);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MainContainer, null, /*#__PURE__*/React.createElement(Header, {
-    title: "Audit Logs",
-    showingFilters: list.showingFilters,
-    showFilters: list.showFilters,
-    hideFilters: list.hideFilters
-  }), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Filters, {
-    showingFilters: list.showingFilters,
-    setWhere: list.setWhere
-  }), list.records.length === 0 && !list.isListLoading ? /*#__PURE__*/React.createElement(EmptyView, {
-    title: t`No results found.`,
-    action: null
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Preview, {
-    auditLog: selectedAuditLog,
-    onClose: () => closePreviewModal(),
-    hasAccessToUsers: hasAccessToUsers
-  }), /*#__PURE__*/React.createElement(Scrollbar, {
-    "data-testid": "default-data-list",
-    onScrollFrame: scrollFrame => loadMoreOnScroll({
-      scrollFrame
-    })
-  }, /*#__PURE__*/React.createElement(Table, {
-    ref: tableRef,
-    records: list.records,
-    loading: list.isListLoading,
-    handleRecordSelect: handleAuditLogSelect,
-    sorting: list.sorting,
-    onSortingChange: list.setSorting,
-    hasAccessToUsers: hasAccessToUsers
-  }), /*#__PURE__*/React.createElement(LoadMoreButton, {
-    show: !list.isListLoading && list.meta.hasMoreItems,
-    disabled: list.isListLoadingMore,
-    windowHeight: windowHeight,
-    tableHeight: tableHeight,
-    onClick: list.listMoreRecords
-  })), list.isListLoadingMore && /*#__PURE__*/React.createElement(LoadingMore, null)))));
+const AuditLogsView = ()=>{
+    const [selectedAuditLog, setSelectedAuditLog] = useState(null);
+    const handleAuditLogSelect = useCallback((auditLog)=>setSelectedAuditLog(auditLog), []);
+    const closePreviewModal = useCallback(()=>setSelectedAuditLog(null), []);
+    const { innerHeight: windowHeight } = window;
+    const [tableHeight, setTableHeight] = useState(0);
+    const tableRef = useRef(null);
+    const { getPermissions } = useSecurity();
+    const hasAccessToUsers = Boolean(getPermissions("adminUsers").length);
+    const list = useAuditLogsList();
+    useEffect(()=>{
+        setTableHeight(tableRef?.current?.clientHeight || 0);
+        return ()=>{
+            setTableHeight(0);
+        };
+    });
+    const loadMoreOnScroll = debounce(({ scrollFrame })=>{
+        if (scrollFrame.top > 0.8 && !list.isListLoadingMore && list.meta.hasMoreItems) list.listMoreRecords();
+    }, 200);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col h-main-content"
+    }, /*#__PURE__*/ react.createElement(Header, {
+        title: "Audit Logs",
+        showingFilters: list.showingFilters,
+        showFilters: list.showFilters,
+        hideFilters: list.hideFilters
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 min-h-0"
+    }, /*#__PURE__*/ react.createElement(Filters, {
+        showingFilters: list.showingFilters,
+        setWhere: list.setWhere
+    }), 0 !== list.records.length || list.isListLoading ? /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Preview, {
+        auditLog: selectedAuditLog,
+        onClose: ()=>closePreviewModal(),
+        hasAccessToUsers: hasAccessToUsers
+    }), /*#__PURE__*/ react.createElement(Scrollbar, {
+        "data-testid": "default-data-list",
+        onScrollFrame: (scrollFrame)=>loadMoreOnScroll({
+                scrollFrame
+            })
+    }, /*#__PURE__*/ react.createElement(Table, {
+        ref: tableRef,
+        records: list.records,
+        loading: list.isListLoading && !list.isListLoadingMore,
+        handleRecordSelect: handleAuditLogSelect,
+        sorting: list.sorting,
+        onSortingChange: list.setSorting,
+        hasAccessToUsers: hasAccessToUsers
+    }), /*#__PURE__*/ react.createElement(LoadMoreButton, {
+        show: !list.isListLoading && list.meta.hasMoreItems,
+        disabled: list.isListLoadingMore,
+        windowHeight: windowHeight,
+        tableHeight: tableHeight,
+        onClick: list.listMoreRecords
+    })), list.isListLoadingMore && /*#__PURE__*/ react.createElement(LoadingMore, null)) : /*#__PURE__*/ react.createElement(EmptyView, {
+        title: t`No results found.`,
+        action: null
+    })));
 };
-export default AuditLogsView;
+const Logs = AuditLogsView;
+export default Logs;
 
 //# sourceMappingURL=Logs.js.map

package/views/Logs/Logs.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","useState","debounce","i18n","EmptyView","Scrollbar","LoadingMore","LoadMoreButton","Header","Filters","Table","Preview","useAuditLogsList","MainContainer","Wrapper","useSecurity","t","ns","AuditLogsView","selectedAuditLog","setSelectedAuditLog","handleAuditLogSelect","auditLog","closePreviewModal","innerHeight","windowHeight","window","tableHeight","setTableHeight","tableRef","getPermissions","hasAccessToUsers","Boolean","length","list","current","clientHeight","loadMoreOnScroll","scrollFrame","top","listMoreRecords","createElement","Fragment","title","showingFilters","showFilters","hideFilters","setWhere","records","isListLoading","action","onClose","onScrollFrame","ref","loading","handleRecordSelect","sorting","onSortingChange","setSorting","show","meta","hasMoreItems","disabled","isListLoadingMore","onClick"],"sources":["Logs.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { EmptyView } from \"@webiny/app-admin\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar/index.js\";\nimport { LoadingMore } from \"~/views/Logs/LoadingMore/index.js\";\nimport { LoadMoreButton } from \"~/views/Logs/LoadMoreButton/index.js\";\nimport { Header } from \"~/views/Logs/Header/index.js\";\nimport { Filters } from \"~/views/Logs/Filters/index.js\";\nimport { Table } from \"~/views/Logs/Table/index.js\";\nimport { Preview } from \"~/views/Logs/Preview/index.js\";\nimport { useAuditLogsList } from \"~/hooks/index.js\";\nimport { MainContainer, Wrapper } from \"./styled.js\";\nimport type { IAuditLog } from \"~/types.js\";\nimport { useSecurity } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-audit-logs/views/logs\");\n\nconst AuditLogsView = () => {\n    const [selectedAuditLog, setSelectedAuditLog] = useState<IAuditLog | null>(null);\n    const handleAuditLogSelect = useCallback(\n        (auditLog: IAuditLog) => 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    const { getPermissions } = useSecurity();\n    const hasAccessToUsers = Boolean(getPermissions(\"adminUsers\").length);\n\n    const list = useAuditLogsList();\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                    showingFilters={list.showingFilters}\n                    showFilters={list.showFilters}\n                    hideFilters={list.hideFilters}\n                />\n                <Wrapper>\n                    <Filters showingFilters={list.showingFilters} setWhere={list.setWhere} />\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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","ignoreList":[]}
+{"version":3,"file":"views/Logs/Logs.js","sources":["../../../src/views/Logs/Logs.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { EmptyView } from \"@webiny/app-admin\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\nimport { LoadingMore } from \"~/views/Logs/LoadingMore/index.js\";\nimport { LoadMoreButton } from \"~/views/Logs/LoadMoreButton/index.js\";\nimport { Header } from \"~/views/Logs/Header/index.js\";\nimport { Filters } from \"~/views/Logs/Filters/index.js\";\nimport { Table } from \"~/views/Logs/Table/index.js\";\nimport { Preview } from \"~/views/Logs/Preview/index.js\";\nimport { useAuditLogsList } from \"~/hooks/index.js\";\nimport type { IAuditLog } from \"~/types.js\";\n\nconst t = i18n.ns(\"app-audit-logs/views/logs\");\n\nconst AuditLogsView = () => {\n    const [selectedAuditLog, setSelectedAuditLog] = useState<IAuditLog | null>(null);\n    const handleAuditLogSelect = useCallback(\n        (auditLog: IAuditLog) => 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    const { getPermissions } = useSecurity();\n    const hasAccessToUsers = Boolean(getPermissions(\"adminUsers\").length);\n\n    const list = useAuditLogsList();\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 && !list.isListLoadingMore && list.meta.hasMoreItems) {\n            list.listMoreRecords();\n        }\n    }, 200);\n\n    return (\n        <div className={\"flex flex-col h-main-content\"}>\n            <Header\n                title=\"Audit Logs\"\n                showingFilters={list.showingFilters}\n                showFilters={list.showFilters}\n                hideFilters={list.hideFilters}\n            />\n            <div className={\"flex-1 min-h-0\"}>\n                <Filters showingFilters={list.showingFilters} setWhere={list.setWhere} />\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 && !list.isListLoadingMore}\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            </div>\n        </div>\n    );\n};\n\nexport default AuditLogsView;\n"],"names":["t","i18n","AuditLogsView","selectedAuditLog","setSelectedAuditLog","useState","handleAuditLogSelect","useCallback","auditLog","closePreviewModal","windowHeight","window","tableHeight","setTableHeight","tableRef","useRef","getPermissions","useSecurity","hasAccessToUsers","Boolean","list","useAuditLogsList","useEffect","loadMoreOnScroll","debounce","scrollFrame","Header","Filters","Preview","Scrollbar","Table","LoadMoreButton","LoadingMore","EmptyView"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,gBAAgB;IAClB,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGC,SAA2B;IAC3E,MAAMC,uBAAuBC,YACzB,CAACC,WAAwBJ,oBAAoBI,WAC7C,EAAE;IAEN,MAAMC,oBAAoBF,YAAY,IAAMH,oBAAoB,OAAO,EAAE;IAEzE,MAAM,EAAE,aAAaM,YAAY,EAAE,GAAGC;IACtC,MAAM,CAACC,aAAaC,eAAe,GAAGR,SAAS;IAC/C,MAAMS,WAAWC,OAAuB;IACxC,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAC3B,MAAMC,mBAAmBC,QAAQH,eAAe,cAAc,MAAM;IAEpE,MAAMI,OAAOC;IAEbC,UAAU;QACNT,eAAeC,UAAU,SAAS,gBAAgB;QAElD,OAAO;YACHD,eAAe;QACnB;IACJ;IAEA,MAAMU,mBAAmBC,SAAS,CAAC,EAAEC,WAAW,EAAE;QAC9C,IAAIA,YAAY,GAAG,GAAG,OAAO,CAACL,KAAK,iBAAiB,IAAIA,KAAK,IAAI,CAAC,YAAY,EAC1EA,KAAK,eAAe;IAE5B,GAAG;IAEH,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACM,QAAMA;QACH,OAAM;QACN,gBAAgBN,KAAK,cAAc;QACnC,aAAaA,KAAK,WAAW;QAC7B,aAAaA,KAAK,WAAW;sBAEjC,oBAAC;QAAI,WAAW;qBACZ,oBAACO,SAAOA;QAAC,gBAAgBP,KAAK,cAAc;QAAE,UAAUA,KAAK,QAAQ;QACpEA,AAAwB,MAAxBA,KAAK,OAAO,CAAC,MAAM,IAAWA,KAAK,aAAa,G,cAG7C,wDACI,oBAACQ,SAAOA;QACJ,UAAUzB;QACV,SAAS,IAAMM;QACf,kBAAkBS;sBAEtB,oBAACW,WAASA;QACN,eAAY;QACZ,eAAeJ,CAAAA,cAAeF,iBAAiB;gBAAEE;YAAY;qBAE7D,oBAACK,OAAKA;QACF,KAAKhB;QACL,SAASM,KAAK,OAAO;QACrB,SAASA,KAAK,aAAa,IAAI,CAACA,KAAK,iBAAiB;QACtD,oBAAoBd;QACpB,SAASc,KAAK,OAAO;QACrB,iBAAiBA,KAAK,UAAU;QAChC,kBAAkBF;sBAEtB,oBAACa,gBAAcA;QACX,MAAM,CAACX,KAAK,aAAa,IAAIA,KAAK,IAAI,CAAC,YAAY;QACnD,UAAUA,KAAK,iBAAiB;QAChC,cAAcV;QACd,aAAaE;QACb,SAASQ,KAAK,eAAe;SAGpCA,KAAK,iBAAiB,IAAI,WAAJ,GAAI,oBAACY,aAAWA,SA9BK,WAAH,GAC7C,oBAACC,WAASA;QAAC,OAAOjC,CAAC,CAAC,iBAAiB,CAAC;QAAE,QAAQ;;AAmCpE;AAEA,aAAeE"}

package/views/Logs/LogsModule.js

@@ -1,29 +1,26 @@
-import React from "react";
+import react from "react";
 import { AuditLogsListConfig } from "../../config/list/index.js";
 import { FilterByAction, FilterByApp, FilterByCreatedBy, FilterByCreatedOn, FilterByEntity, FilterByEntityId } from "./Filters/index.js";
-const {
-  Browser
-} = AuditLogsListConfig;
-export const LogsModule = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AuditLogsListConfig, null, /*#__PURE__*/React.createElement(Browser.Filter, {
-    name: "app",
-    element: /*#__PURE__*/React.createElement(FilterByApp, null)
-  }), /*#__PURE__*/React.createElement(Browser.Filter, {
-    name: "entity",
-    element: /*#__PURE__*/React.createElement(FilterByEntity, null)
-  }), /*#__PURE__*/React.createElement(Browser.Filter, {
-    name: "action",
-    element: /*#__PURE__*/React.createElement(FilterByAction, null)
-  }), /*#__PURE__*/React.createElement(Browser.Filter, {
-    name: "createdBy",
-    element: /*#__PURE__*/React.createElement(FilterByCreatedBy, null)
-  }), /*#__PURE__*/React.createElement(Browser.Filter, {
-    name: "entityId",
-    element: /*#__PURE__*/React.createElement(FilterByEntityId, null)
-  }), /*#__PURE__*/React.createElement(Browser.Filter, {
-    name: "createdOn",
-    element: /*#__PURE__*/React.createElement(FilterByCreatedOn, null)
-  })));
-};
+const { Browser: Browser } = AuditLogsListConfig;
+const LogsModule = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(AuditLogsListConfig, null, /*#__PURE__*/ react.createElement(Browser.Filter, {
+        name: "app",
+        element: /*#__PURE__*/ react.createElement(FilterByApp, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Filter, {
+        name: "entity",
+        element: /*#__PURE__*/ react.createElement(FilterByEntity, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Filter, {
+        name: "action",
+        element: /*#__PURE__*/ react.createElement(FilterByAction, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Filter, {
+        name: "createdBy",
+        element: /*#__PURE__*/ react.createElement(FilterByCreatedBy, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Filter, {
+        name: "entityId",
+        element: /*#__PURE__*/ react.createElement(FilterByEntityId, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Filter, {
+        name: "createdOn",
+        element: /*#__PURE__*/ react.createElement(FilterByCreatedOn, null)
+    })));
+export { LogsModule };
 
 //# sourceMappingURL=LogsModule.js.map

package/views/Logs/LogsModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AuditLogsListConfig","FilterByAction","FilterByApp","FilterByCreatedBy","FilterByCreatedOn","FilterByEntity","FilterByEntityId","Browser","LogsModule","createElement","Fragment","Filter","name","element"],"sources":["LogsModule.tsx"],"sourcesContent":["import React from \"react\";\nimport { AuditLogsListConfig } from \"~/config/list/index.js\";\nimport {\n    FilterByAction,\n    FilterByApp,\n    FilterByCreatedBy,\n    FilterByCreatedOn,\n    FilterByEntity,\n    FilterByEntityId\n} from \"~/views/Logs/Filters/index.js\";\n\nconst { Browser } = AuditLogsListConfig;\n\nexport const LogsModule = () => {\n    return (\n        <>\n            <AuditLogsListConfig>\n                <Browser.Filter name={\"app\"} element={<FilterByApp />} />\n                <Browser.Filter name={\"entity\"} element={<FilterByEntity />} />\n                <Browser.Filter name={\"action\"} element={<FilterByAction />} />\n                <Browser.Filter name={\"createdBy\"} element={<FilterByCreatedBy />} />\n                <Browser.Filter name={\"entityId\"} element={<FilterByEntityId />} />\n                <Browser.Filter name={\"createdOn\"} element={<FilterByCreatedOn />} />\n            </AuditLogsListConfig>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAC5B,SACIC,cAAc,EACdC,WAAW,EACXC,iBAAiB,EACjBC,iBAAiB,EACjBC,cAAc,EACdC,gBAAgB;AAGpB,MAAM;EAAEC;AAAQ,CAAC,GAAGP,mBAAmB;AAEvC,OAAO,MAAMQ,UAAU,GAAGA,CAAA,KAAM;EAC5B,oBACIT,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,qBACIX,KAAA,CAAAU,aAAA,CAACT,mBAAmB,qBAChBD,KAAA,CAAAU,aAAA,CAACF,OAAO,CAACI,MAAM;IAACC,IAAI,EAAE,KAAM;IAACC,OAAO,eAAEd,KAAA,CAAAU,aAAA,CAACP,WAAW,MAAE;EAAE,CAAE,CAAC,eACzDH,KAAA,CAAAU,aAAA,CAACF,OAAO,CAACI,MAAM;IAACC,IAAI,EAAE,QAAS;IAACC,OAAO,eAAEd,KAAA,CAAAU,aAAA,CAACJ,cAAc,MAAE;EAAE,CAAE,CAAC,eAC/DN,KAAA,CAAAU,aAAA,CAACF,OAAO,CAACI,MAAM;IAACC,IAAI,EAAE,QAAS;IAACC,OAAO,eAAEd,KAAA,CAAAU,aAAA,CAACR,cAAc,MAAE;EAAE,CAAE,CAAC,eAC/DF,KAAA,CAAAU,aAAA,CAACF,OAAO,CAACI,MAAM;IAACC,IAAI,EAAE,WAAY;IAACC,OAAO,eAAEd,KAAA,CAAAU,aAAA,CAACN,iBAAiB,MAAE;EAAE,CAAE,CAAC,eACrEJ,KAAA,CAAAU,aAAA,CAACF,OAAO,CAACI,MAAM;IAACC,IAAI,EAAE,UAAW;IAACC,OAAO,eAAEd,KAAA,CAAAU,aAAA,CAACH,gBAAgB,MAAE;EAAE,CAAE,CAAC,eACnEP,KAAA,CAAAU,aAAA,CAACF,OAAO,CAACI,MAAM;IAACC,IAAI,EAAE,WAAY;IAACC,OAAO,eAAEd,KAAA,CAAAU,aAAA,CAACL,iBAAiB,MAAE;EAAE,CAAE,CACnD,CACvB,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"views/Logs/LogsModule.js","sources":["../../../src/views/Logs/LogsModule.tsx"],"sourcesContent":["import React from \"react\";\nimport { AuditLogsListConfig } from \"~/config/list/index.js\";\nimport {\n    FilterByAction,\n    FilterByApp,\n    FilterByCreatedBy,\n    FilterByCreatedOn,\n    FilterByEntity,\n    FilterByEntityId\n} from \"~/views/Logs/Filters/index.js\";\n\nconst { Browser } = AuditLogsListConfig;\n\nexport const LogsModule = () => {\n    return (\n        <>\n            <AuditLogsListConfig>\n                <Browser.Filter name={\"app\"} element={<FilterByApp />} />\n                <Browser.Filter name={\"entity\"} element={<FilterByEntity />} />\n                <Browser.Filter name={\"action\"} element={<FilterByAction />} />\n                <Browser.Filter name={\"createdBy\"} element={<FilterByCreatedBy />} />\n                <Browser.Filter name={\"entityId\"} element={<FilterByEntityId />} />\n                <Browser.Filter name={\"createdOn\"} element={<FilterByCreatedOn />} />\n            </AuditLogsListConfig>\n        </>\n    );\n};\n"],"names":["Browser","AuditLogsListConfig","LogsModule","FilterByApp","FilterByEntity","FilterByAction","FilterByCreatedBy","FilterByEntityId","FilterByCreatedOn"],"mappings":";;;AAWA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,aAAa,IACf,WAAP,GACI,wDACI,oBAACD,qBAAmBA,MAAAA,WAAAA,GAChB,oBAACD,QAAQ,MAAM;QAAC,MAAM;QAAO,uBAAS,oBAACG,aAAWA;sBAClD,oBAACH,QAAQ,MAAM;QAAC,MAAM;QAAU,uBAAS,oBAACI,gBAAcA;sBACxD,oBAACJ,QAAQ,MAAM;QAAC,MAAM;QAAU,uBAAS,oBAACK,gBAAcA;sBACxD,oBAACL,QAAQ,MAAM;QAAC,MAAM;QAAa,uBAAS,oBAACM,mBAAiBA;sBAC9D,oBAACN,QAAQ,MAAM;QAAC,MAAM;QAAY,uBAAS,oBAACO,kBAAgBA;sBAC5D,oBAACP,QAAQ,MAAM;QAAC,MAAM;QAAa,uBAAS,oBAACQ,mBAAiBA"}

package/views/Logs/LogsView.js

@@ -1,9 +1,8 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import react, { useCallback, useEffect, useRef, useState } from "react";
 import debounce from "lodash/debounce.js";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { EmptyView } from "@webiny/app-admin";
-import { useSecurity } from "@webiny/app-admin";
-import { Scrollbar } from "@webiny/ui/Scrollbar/index.js";
+import { EmptyView, useSecurity } from "@webiny/app-admin";
+import { Scrollbar } from "@webiny/admin-ui";
 import { LoadingMore } from "./LoadingMore/index.js";
 import { LoadMoreButton } from "./LoadMoreButton/index.js";
 import { Header } from "./Header/index.js";
@@ -11,70 +10,68 @@ import { Filters } from "./Filters/index.js";
 import { Table } from "./Table/index.js";
 import { Preview } from "./Preview/index.js";
 import { useAuditLogsList } from "../../hooks/index.js";
-import { MainContainer, Wrapper } from "./styled.js";
 const t = i18n.ns("app-audit-logs/views/logs");
-export const LogsView = () => {
-  const [selectedAuditLog, setSelectedAuditLog] = useState(null);
-  const handleAuditLogSelect = useCallback(auditLog => setSelectedAuditLog(auditLog), []);
-  const closePreviewModal = useCallback(() => setSelectedAuditLog(null), []);
-  const {
-    innerHeight: windowHeight
-  } = window;
-  const [tableHeight, setTableHeight] = useState(0);
-  const tableRef = useRef(null);
-  const {
-    getPermissions
-  } = useSecurity();
-  const hasAccessToUsers = Boolean(getPermissions("adminUsers").length);
-  const list = useAuditLogsList();
-  useEffect(() => {
-    setTableHeight(tableRef?.current?.clientHeight || 0);
-    return () => {
-      setTableHeight(0);
-    };
-  });
-  const loadMoreOnScroll = debounce(({
-    scrollFrame
-  }) => {
-    if (scrollFrame.top > 0.8) {
-      list.listMoreRecords();
-    }
-  }, 200);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MainContainer, null, /*#__PURE__*/React.createElement(Header, {
-    title: "Audit Logs",
-    showingFilters: list.showingFilters,
-    showFilters: list.showFilters,
-    hideFilters: list.hideFilters
-  }), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Filters, {
-    showingFilters: list.showingFilters,
-    setWhere: list.setWhere
-  }), list.records.length === 0 && !list.isListLoading ? /*#__PURE__*/React.createElement(EmptyView, {
-    title: t`No results found.`,
-    action: null
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Preview, {
-    auditLog: selectedAuditLog,
-    onClose: () => closePreviewModal(),
-    hasAccessToUsers: hasAccessToUsers
-  }), /*#__PURE__*/React.createElement(Scrollbar, {
-    "data-testid": "default-data-list",
-    onScrollFrame: scrollFrame => loadMoreOnScroll({
-      scrollFrame
-    })
-  }, /*#__PURE__*/React.createElement(Table, {
-    ref: tableRef,
-    records: list.records,
-    loading: list.isListLoading,
-    handleRecordSelect: handleAuditLogSelect,
-    sorting: list.sorting,
-    onSortingChange: list.setSorting,
-    hasAccessToUsers: hasAccessToUsers
-  }), /*#__PURE__*/React.createElement(LoadMoreButton, {
-    show: !list.isListLoading && list.meta.hasMoreItems,
-    disabled: list.isListLoadingMore,
-    windowHeight: windowHeight,
-    tableHeight: tableHeight,
-    onClick: list.listMoreRecords
-  })), list.isListLoadingMore && /*#__PURE__*/React.createElement(LoadingMore, null)))));
+const LogsView = ()=>{
+    const [selectedAuditLog, setSelectedAuditLog] = useState(null);
+    const handleAuditLogSelect = useCallback((auditLog)=>setSelectedAuditLog(auditLog), []);
+    const closePreviewModal = useCallback(()=>setSelectedAuditLog(null), []);
+    const { innerHeight: windowHeight } = window;
+    const [tableHeight, setTableHeight] = useState(0);
+    const tableRef = useRef(null);
+    const { getPermissions } = useSecurity();
+    const hasAccessToUsers = Boolean(getPermissions("adminUsers").length);
+    const list = useAuditLogsList();
+    useEffect(()=>{
+        setTableHeight(tableRef?.current?.clientHeight || 0);
+        return ()=>{
+            setTableHeight(0);
+        };
+    });
+    const loadMoreOnScroll = debounce(({ scrollFrame })=>{
+        if (scrollFrame.top > 0.8 && !list.isListLoadingMore && list.meta.hasMoreItems) list.listMoreRecords();
+    }, 200);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col h-main-content"
+    }, /*#__PURE__*/ react.createElement(Header, {
+        title: "Audit Logs",
+        showingFilters: list.showingFilters,
+        showFilters: list.showFilters,
+        hideFilters: list.hideFilters
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 min-h-0"
+    }, /*#__PURE__*/ react.createElement(Filters, {
+        showingFilters: list.showingFilters,
+        setWhere: list.setWhere
+    }), 0 !== list.records.length || list.isListLoading ? /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Preview, {
+        auditLog: selectedAuditLog,
+        onClose: ()=>closePreviewModal(),
+        hasAccessToUsers: hasAccessToUsers
+    }), /*#__PURE__*/ react.createElement(Scrollbar, {
+        "data-testid": "default-data-list",
+        onScrollFrame: (scrollFrame)=>loadMoreOnScroll({
+                scrollFrame
+            })
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "h-[500px]"
+    }, /*#__PURE__*/ react.createElement(Table, {
+        ref: tableRef,
+        records: list.records,
+        loading: list.isListLoading && !list.isListLoadingMore,
+        handleRecordSelect: handleAuditLogSelect,
+        sorting: list.sorting,
+        onSortingChange: list.setSorting,
+        hasAccessToUsers: hasAccessToUsers
+    }), /*#__PURE__*/ react.createElement(LoadMoreButton, {
+        show: !list.isListLoading && list.meta.hasMoreItems,
+        disabled: list.isListLoadingMore,
+        windowHeight: windowHeight,
+        tableHeight: tableHeight,
+        onClick: list.listMoreRecords
+    }))), list.isListLoadingMore && /*#__PURE__*/ react.createElement(LoadingMore, null)) : /*#__PURE__*/ react.createElement(EmptyView, {
+        title: t`No results found.`,
+        action: null
+    })));
 };
+export { LogsView };
 
 //# sourceMappingURL=LogsView.js.map

package/views/Logs/LogsView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","useState","debounce","i18n","EmptyView","useSecurity","Scrollbar","LoadingMore","LoadMoreButton","Header","Filters","Table","Preview","useAuditLogsList","MainContainer","Wrapper","t","ns","LogsView","selectedAuditLog","setSelectedAuditLog","handleAuditLogSelect","auditLog","closePreviewModal","innerHeight","windowHeight","window","tableHeight","setTableHeight","tableRef","getPermissions","hasAccessToUsers","Boolean","length","list","current","clientHeight","loadMoreOnScroll","scrollFrame","top","listMoreRecords","createElement","Fragment","title","showingFilters","showFilters","hideFilters","setWhere","records","isListLoading","action","onClose","onScrollFrame","ref","loading","handleRecordSelect","sorting","onSortingChange","setSorting","show","meta","hasMoreItems","disabled","isListLoadingMore","onClick"],"sources":["LogsView.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { EmptyView } from \"@webiny/app-admin\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar/index.js\";\nimport { LoadingMore } from \"~/views/Logs/LoadingMore/index.js\";\nimport { LoadMoreButton } from \"~/views/Logs/LoadMoreButton/index.js\";\nimport { Header } from \"~/views/Logs/Header/index.js\";\nimport { Filters } from \"~/views/Logs/Filters/index.js\";\nimport { Table } from \"~/views/Logs/Table/index.js\";\nimport { Preview } from \"~/views/Logs/Preview/index.js\";\nimport { useAuditLogsList } from \"~/hooks/index.js\";\nimport { MainContainer, Wrapper } from \"./styled.js\";\nimport type { IAuditLog } from \"~/types.js\";\n\nconst t = i18n.ns(\"app-audit-logs/views/logs\");\n\nexport const LogsView = () => {\n    const [selectedAuditLog, setSelectedAuditLog] = useState<IAuditLog | null>(null);\n    const handleAuditLogSelect = useCallback(\n        (auditLog: IAuditLog) => 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    const { getPermissions } = useSecurity();\n    const hasAccessToUsers = Boolean(getPermissions(\"adminUsers\").length);\n\n    const list = useAuditLogsList();\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                    showingFilters={list.showingFilters}\n                    showFilters={list.showFilters}\n                    hideFilters={list.hideFilters}\n                />\n                <Wrapper>\n                    <Filters showingFilters={list.showingFilters} setWhere={list.setWhere} />\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"views/Logs/LogsView.js","sources":["../../../src/views/Logs/LogsView.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { EmptyView } from \"@webiny/app-admin\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\nimport { LoadingMore } from \"~/views/Logs/LoadingMore/index.js\";\nimport { LoadMoreButton } from \"~/views/Logs/LoadMoreButton/index.js\";\nimport { Header } from \"~/views/Logs/Header/index.js\";\nimport { Filters } from \"~/views/Logs/Filters/index.js\";\nimport { Table } from \"~/views/Logs/Table/index.js\";\nimport { Preview } from \"~/views/Logs/Preview/index.js\";\nimport { useAuditLogsList } from \"~/hooks/index.js\";\nimport type { IAuditLog } from \"~/types.js\";\n\nconst t = i18n.ns(\"app-audit-logs/views/logs\");\n\nexport const LogsView = () => {\n    const [selectedAuditLog, setSelectedAuditLog] = useState<IAuditLog | null>(null);\n    const handleAuditLogSelect = useCallback(\n        (auditLog: IAuditLog) => 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    const { getPermissions } = useSecurity();\n    const hasAccessToUsers = Boolean(getPermissions(\"adminUsers\").length);\n\n    const list = useAuditLogsList();\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 && !list.isListLoadingMore && list.meta.hasMoreItems) {\n            list.listMoreRecords();\n        }\n    }, 200);\n\n    return (\n        <div className={\"flex flex-col h-main-content\"}>\n            <Header\n                title=\"Audit Logs\"\n                showingFilters={list.showingFilters}\n                showFilters={list.showFilters}\n                hideFilters={list.hideFilters}\n            />\n            <div className={\"flex-1 min-h-0\"}>\n                <Filters showingFilters={list.showingFilters} setWhere={list.setWhere} />\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                            <div className={\"h-[500px]\"}>\n                                <Table\n                                    ref={tableRef}\n                                    records={list.records}\n                                    loading={list.isListLoading && !list.isListLoadingMore}\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                            </div>\n                        </Scrollbar>\n                        {list.isListLoadingMore && <LoadingMore />}\n                    </>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"names":["t","i18n","LogsView","selectedAuditLog","setSelectedAuditLog","useState","handleAuditLogSelect","useCallback","auditLog","closePreviewModal","windowHeight","window","tableHeight","setTableHeight","tableRef","useRef","getPermissions","useSecurity","hasAccessToUsers","Boolean","list","useAuditLogsList","useEffect","loadMoreOnScroll","debounce","scrollFrame","Header","Filters","Preview","Scrollbar","Table","LoadMoreButton","LoadingMore","EmptyView"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,WAAW;IACpB,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGC,SAA2B;IAC3E,MAAMC,uBAAuBC,YACzB,CAACC,WAAwBJ,oBAAoBI,WAC7C,EAAE;IAEN,MAAMC,oBAAoBF,YAAY,IAAMH,oBAAoB,OAAO,EAAE;IAEzE,MAAM,EAAE,aAAaM,YAAY,EAAE,GAAGC;IACtC,MAAM,CAACC,aAAaC,eAAe,GAAGR,SAAS;IAC/C,MAAMS,WAAWC,OAAuB;IACxC,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAC3B,MAAMC,mBAAmBC,QAAQH,eAAe,cAAc,MAAM;IAEpE,MAAMI,OAAOC;IAEbC,UAAU;QACNT,eAAeC,UAAU,SAAS,gBAAgB;QAElD,OAAO;YACHD,eAAe;QACnB;IACJ;IAEA,MAAMU,mBAAmBC,SAAS,CAAC,EAAEC,WAAW,EAAE;QAC9C,IAAIA,YAAY,GAAG,GAAG,OAAO,CAACL,KAAK,iBAAiB,IAAIA,KAAK,IAAI,CAAC,YAAY,EAC1EA,KAAK,eAAe;IAE5B,GAAG;IAEH,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACM,QAAMA;QACH,OAAM;QACN,gBAAgBN,KAAK,cAAc;QACnC,aAAaA,KAAK,WAAW;QAC7B,aAAaA,KAAK,WAAW;sBAEjC,oBAAC;QAAI,WAAW;qBACZ,oBAACO,SAAOA;QAAC,gBAAgBP,KAAK,cAAc;QAAE,UAAUA,KAAK,QAAQ;QACpEA,AAAwB,MAAxBA,KAAK,OAAO,CAAC,MAAM,IAAWA,KAAK,aAAa,G,cAG7C,wDACI,oBAACQ,SAAOA;QACJ,UAAUzB;QACV,SAAS,IAAMM;QACf,kBAAkBS;sBAEtB,oBAACW,WAASA;QACN,eAAY;QACZ,eAAeJ,CAAAA,cAAeF,iBAAiB;gBAAEE;YAAY;qBAE7D,oBAAC;QAAI,WAAW;qBACZ,oBAACK,OAAKA;QACF,KAAKhB;QACL,SAASM,KAAK,OAAO;QACrB,SAASA,KAAK,aAAa,IAAI,CAACA,KAAK,iBAAiB;QACtD,oBAAoBd;QACpB,SAASc,KAAK,OAAO;QACrB,iBAAiBA,KAAK,UAAU;QAChC,kBAAkBF;sBAEtB,oBAACa,gBAAcA;QACX,MAAM,CAACX,KAAK,aAAa,IAAIA,KAAK,IAAI,CAAC,YAAY;QACnD,UAAUA,KAAK,iBAAiB;QAChC,cAAcV;QACd,aAAaE;QACb,SAASQ,KAAK,eAAe;UAIxCA,KAAK,iBAAiB,IAAI,WAAJ,GAAI,oBAACY,aAAWA,SAhCK,WAAH,GAC7C,oBAACC,WAASA;QAAC,OAAOjC,CAAC,CAAC,iBAAiB,CAAC;QAAE,QAAQ;;AAqCpE"}