@webiny/app-audit-logs 0.0.0-unstable.0156a4c312

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

@@ -0,0 +1,7 @@
+export * from "./Filters.js";
+export * from "./FilterByCreatedBy.js";
+export * from "./FilterByCreatedOn.js";
+export * from "./FilterByApp.js";
+export * from "./FilterByEntity.js";
+export * from "./FilterByEntityId.js";
+export * from "./FilterByAction.js";

package/views/Logs/Filters/index.js

@@ -0,0 +1,7 @@
+export * from "./Filters.js";
+export * from "./FilterByCreatedBy.js";
+export * from "./FilterByCreatedOn.js";
+export * from "./FilterByApp.js";
+export * from "./FilterByEntity.js";
+export * from "./FilterByEntityId.js";
+export * from "./FilterByAction.js";

package/views/Logs/Filters/types.d.ts

@@ -0,0 +1,9 @@
+export interface IFilterFormData {
+    app?: string;
+    entity?: string;
+    entityId?: string;
+    action?: string;
+    createdBy?: string;
+    createdOn_gte?: Date;
+    createdOn_lte?: Date;
+}

package/views/Logs/Header/ButtonFilters/ButtonFilters.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type ButtonFiltersProps = {
+    showingFilters: boolean;
+    hideFilters: () => void;
+    showFilters: () => void;
+};
+export declare const ButtonFilters: ({ showingFilters, hideFilters, showFilters }: ButtonFiltersProps) => React.JSX.Element;
+export {};

package/views/Logs/Header/ButtonFilters/ButtonFilters.js

@@ -0,0 +1,27 @@
+import react, { useCallback } from "react";
+import { ReactComponent } from "@webiny/icons/filter_list.svg";
+import { ReactComponent as filter_list_off_svg_ReactComponent } from "@webiny/icons/filter_list_off.svg";
+import { IconButton } from "@webiny/admin-ui";
+const Icon = ({ showingFilters })=>showingFilters ? /*#__PURE__*/ react.createElement(filter_list_off_svg_ReactComponent, null) : /*#__PURE__*/ react.createElement(ReactComponent, null);
+const IconComponent = /*#__PURE__*/ react.memo(Icon);
+const ButtonFilters = ({ showingFilters, hideFilters, showFilters })=>{
+    const toggleFilters = useCallback(()=>{
+        if (showingFilters) return void hideFilters();
+        showFilters();
+    }, [
+        showingFilters
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "ml-sm"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "secondary",
+        icon: /*#__PURE__*/ react.createElement(IconComponent, {
+            showingFilters: showingFilters
+        }),
+        onClick: toggleFilters,
+        "data-testid": "audit-logs.toggle-filters"
+    }));
+};
+export { ButtonFilters };
+
+//# sourceMappingURL=ButtonFilters.js.map

package/views/Logs/Header/ButtonFilters/ButtonFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Header/ButtonFilters/ButtonFilters.js","sources":["../../../../../src/views/Logs/Header/ButtonFilters/ButtonFilters.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as FilterIcon } from \"@webiny/icons/filter_list.svg\";\nimport { ReactComponent as CloseFilterIcon } from \"@webiny/icons/filter_list_off.svg\";\nimport { IconButton } from \"@webiny/admin-ui\";\n\ninterface IconProps {\n    showingFilters?: boolean;\n}\n\nconst Icon = ({ showingFilters }: IconProps) => {\n    return showingFilters ? <CloseFilterIcon /> : <FilterIcon />;\n};\nconst IconComponent = React.memo(Icon);\n\ntype ButtonFiltersProps = {\n    showingFilters: boolean;\n    hideFilters: () => void;\n    showFilters: () => void;\n};\n\nexport const ButtonFilters = ({ showingFilters, hideFilters, showFilters }: ButtonFiltersProps) => {\n    const toggleFilters = useCallback(() => {\n        if (showingFilters) {\n            hideFilters();\n            return;\n        }\n        showFilters();\n    }, [showingFilters]);\n\n    return (\n        <div className={\"ml-sm\"}>\n            <IconButton\n                variant={\"secondary\"}\n                icon={<IconComponent showingFilters={showingFilters} />}\n                onClick={toggleFilters}\n                data-testid=\"audit-logs.toggle-filters\"\n            />\n        </div>\n    );\n};\n"],"names":["Icon","showingFilters","CloseFilterIcon","FilterIcon","IconComponent","React","ButtonFilters","hideFilters","showFilters","toggleFilters","useCallback","IconButton"],"mappings":";;;;AASA,MAAMA,OAAO,CAAC,EAAEC,cAAc,EAAa,GAChCA,iBAAiB,WAAjBA,GAAiB,oBAACC,oCAAeA,QAAAA,WAAAA,GAAM,oBAACC,gBAAUA;AAE7D,MAAMC,gBAAgB,WAAHA,GAAGC,MAAAA,IAAU,CAACL;AAQ1B,MAAMM,gBAAgB,CAAC,EAAEL,cAAc,EAAEM,WAAW,EAAEC,WAAW,EAAsB;IAC1F,MAAMC,gBAAgBC,YAAY;QAC9B,IAAIT,gBAAgB,YAChBM;QAGJC;IACJ,GAAG;QAACP;KAAe;IAEnB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACU,YAAUA;QACP,SAAS;QACT,oBAAM,oBAACP,eAAaA;YAAC,gBAAgBH;;QACrC,SAASQ;QACT,eAAY;;AAI5B"}

package/views/Logs/Header/ButtonFilters/index.d.ts

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

package/views/Logs/Header/ButtonFilters/index.js

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

package/views/Logs/Header/Header.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type HeaderProps = {
+    title: string;
+    children?: React.ReactNode;
+};
+export declare const Header: ({ title, children }: HeaderProps) => React.JSX.Element;
+export {};

package/views/Logs/Header/Header.js

@@ -0,0 +1,14 @@
+import react from "react";
+import { Text } from "../../../components/Text.js";
+const Header = ({ title, children })=>/*#__PURE__*/ react.createElement("div", {
+        className: "box-border w-full border-b border-neutral-dimmed px-md py-sm"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        use: "headline5"
+    }, title), /*#__PURE__*/ react.createElement("div", {
+        className: "ml-auto"
+    }, children)));
+export { Header };
+
+//# sourceMappingURL=Header.js.map

package/views/Logs/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Header/Header.js","sources":["../../../../src/views/Logs/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"~/components/Text.js\";\n\ntype HeaderProps = {\n    title: string;\n    children?: React.ReactNode;\n};\n\nexport const Header = ({ title, children }: HeaderProps) => {\n    return (\n        <div className=\"box-border w-full border-b border-neutral-dimmed px-md py-sm\">\n            <div className=\"flex items-center justify-between\">\n                <Text use={\"headline5\"}>{title}</Text>\n                <div className={\"ml-auto\"}>{children}</div>\n            </div>\n        </div>\n    );\n};\n"],"names":["Header","title","children","Text"],"mappings":";;AAQO,MAAMA,SAAS,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAe,GAC5C,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACC,MAAIA;QAAC,KAAK;OAAcF,QAAAA,WAAAA,GACzB,oBAAC;QAAI,WAAW;OAAYC"}

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

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

package/views/Logs/Header/index.js

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

package/views/Logs/LoadMoreButton/LoadMoreButton.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from "react";
+export interface LoadMoreButtonProps {
+    windowHeight: number;
+    tableHeight: number;
+    onClick: () => void;
+    disabled?: boolean;
+    show: boolean;
+}
+export declare const LoadMoreButton: ({ disabled, windowHeight, tableHeight, show, onClick }: LoadMoreButtonProps) => ReactElement | null;

package/views/Logs/LoadMoreButton/LoadMoreButton.js

@@ -0,0 +1,16 @@
+import react from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Button } from "@webiny/admin-ui";
+import { Container } from "./styled.js";
+const t = i18n.ns("app-audit-logs/views/logs/load-more-button");
+const LoadMoreButton = ({ disabled, windowHeight, tableHeight, show, onClick })=>{
+    if (show && windowHeight > tableHeight) return /*#__PURE__*/ react.createElement(Container, null, /*#__PURE__*/ react.createElement(Button, {
+        onClick: onClick,
+        disabled: disabled,
+        variant: "primary"
+    }, t`Load more records`));
+    return null;
+};
+export { LoadMoreButton };
+
+//# sourceMappingURL=LoadMoreButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/LoadMoreButton/LoadMoreButton.js","sources":["../../../../src/views/Logs/LoadMoreButton/LoadMoreButton.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { Container } from \"./styled.js\";\n\nconst t = i18n.ns(\"app-audit-logs/views/logs/load-more-button\");\n\nexport interface LoadMoreButtonProps {\n    windowHeight: number;\n    tableHeight: number;\n    onClick: () => void;\n    disabled?: boolean;\n    show: boolean;\n}\n\nexport const LoadMoreButton = ({\n    disabled,\n    windowHeight,\n    tableHeight,\n    show,\n    onClick\n}: LoadMoreButtonProps): ReactElement | null => {\n    if (show && windowHeight > tableHeight) {\n        return (\n            <Container>\n                <Button\n                    onClick={onClick}\n                    disabled={disabled}\n                    variant={\"primary\"}\n                >{t`Load more records`}</Button>\n            </Container>\n        );\n    }\n\n    return null;\n};\n"],"names":["t","i18n","LoadMoreButton","disabled","windowHeight","tableHeight","show","onClick","Container","Button"],"mappings":";;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAUX,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,YAAY,EACZC,WAAW,EACXC,IAAI,EACJC,OAAO,EACW;IAClB,IAAID,QAAQF,eAAeC,aACvB,OAAO,WAAP,GACI,oBAACG,WAASA,MAAAA,WAAAA,GACN,oBAACC,QAAMA;QACH,SAASF;QACT,UAAUJ;QACV,SAAS;OACXH,CAAC,CAAC,iBAAiB,CAAC;IAKlC,OAAO;AACX"}

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

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

package/views/Logs/LoadMoreButton/index.js

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

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

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const Container: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/views/Logs/LoadMoreButton/styled.js

@@ -0,0 +1,7 @@
+import react from "react";
+const Container = ({ children })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-center mt-md"
+    }, children);
+export { Container };
+
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/LoadMoreButton/styled.js","sources":["../../../../src/views/Logs/LoadMoreButton/styled.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const Container = ({ children }: { children: React.ReactNode }) => {\n    return <div className={\"flex justify-center mt-md\"}>{children}</div>;\n};\n"],"names":["Container","children"],"mappings":";AAEO,MAAMA,YAAY,CAAC,EAAEC,QAAQ,EAAiC,GAC1D,WAAP,GAAO,oBAAC;QAAI,WAAW;OAA8BA"}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const LoadingMore: () => React.JSX.Element;

package/views/Logs/LoadingMore/index.js

@@ -0,0 +1,16 @@
+import react from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Loader, Text } from "@webiny/admin-ui";
+const t = i18n.ns("app-audit-logs/components/table/loading-more");
+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

@@ -0,0 +1 @@
+{"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/LogsModule.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const LogsModule: () => React.JSX.Element;

package/views/Logs/LogsModule.js

@@ -0,0 +1,26 @@
+import react from "react";
+import { AuditLogsListConfig } from "../../config/list/index.js";
+import { FilterByAction, FilterByApp, FilterByCreatedBy, FilterByCreatedOn, FilterByEntity, FilterByEntityId } from "./Filters/index.js";
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const LogsView: () => React.JSX.Element;

package/views/Logs/LogsView.js

@@ -0,0 +1,73 @@
+import react, { useCallback, useEffect, useRef, useState } from "react";
+import debounce from "lodash/debounce.js";
+import { i18n } from "@webiny/app/i18n/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";
+import { Filters } from "./Filters/index.js";
+import { Table } from "./Table/index.js";
+import { Preview } from "./Preview/index.js";
+import { useAuditLogsList } from "../../hooks/index.js";
+const t = i18n.ns("app-audit-logs/views/logs");
+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"
+    }, /*#__PURE__*/ react.createElement(Filters, {
+        setWhere: list.setWhere
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 min-h-0"
+    }, 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

@@ -0,0 +1 @@
+{"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 title=\"Audit Logs\">\n                <Filters setWhere={list.setWhere} />\n            </Header>\n            <div className={\"flex-1 min-h-0\"}>\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;QAAC,OAAM;qBACV,oBAACC,SAAOA;QAAC,UAAUP,KAAK,QAAQ;uBAEpC,oBAAC;QAAI,WAAW;OACXA,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"}

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

@@ -0,0 +1,13 @@
+import { AuditLogDetailsPresenter as Abstraction, type IAuditLogDetailsVm } from "./abstractions.js";
+import type { IAuditLog } from "../../../types.js";
+declare class AuditLogDetailsPresenterImpl implements Abstraction.Interface {
+    private _auditLog;
+    constructor();
+    get vm(): IAuditLogDetailsVm;
+    init(auditLog: IAuditLog): void;
+    private parseContent;
+}
+export declare const AuditLogDetailsPresenter: typeof AuditLogDetailsPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IAuditLogDetailsPresenter>;
+};
+export {};

package/views/Logs/Preview/AuditLogDetailsPresenter.js

@@ -0,0 +1,36 @@
+import { computed, makeAutoObservable } from "mobx";
+import { AuditLogDetailsPresenter } from "./abstractions.js";
+class AuditLogDetailsPresenterImpl {
+    constructor(){
+        this._auditLog = null;
+        makeAutoObservable(this, {
+            vm: computed
+        }, {
+            autoBind: true
+        });
+    }
+    get vm() {
+        return {
+            auditLog: this._auditLog,
+            content: this.parseContent()
+        };
+    }
+    init(auditLog) {
+        this._auditLog = auditLog;
+    }
+    parseContent() {
+        if (!this._auditLog) return {};
+        try {
+            return JSON.parse(this._auditLog.content);
+        } catch  {
+            return {};
+        }
+    }
+}
+const AuditLogDetailsPresenter_AuditLogDetailsPresenter = AuditLogDetailsPresenter.createImplementation({
+    implementation: AuditLogDetailsPresenterImpl,
+    dependencies: []
+});
+export { AuditLogDetailsPresenter_AuditLogDetailsPresenter as AuditLogDetailsPresenter };
+
+//# sourceMappingURL=AuditLogDetailsPresenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Preview/AuditLogDetailsPresenter.js","sources":["../../../../src/views/Logs/Preview/AuditLogDetailsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed } from \"mobx\";\nimport {\n    AuditLogDetailsPresenter as Abstraction,\n    type IAuditLogDetailsVm\n} from \"./abstractions.js\";\nimport type { IAuditLog } from \"~/types.js\";\n\nclass AuditLogDetailsPresenterImpl implements Abstraction.Interface {\n    private _auditLog: IAuditLog | null = null;\n\n    constructor() {\n        makeAutoObservable(this, { vm: computed }, { autoBind: true });\n    }\n\n    get vm(): IAuditLogDetailsVm {\n        return {\n            auditLog: this._auditLog,\n            content: this.parseContent()\n        };\n    }\n\n    init(auditLog: IAuditLog): void {\n        this._auditLog = auditLog;\n    }\n\n    private parseContent(): Record<string, unknown> {\n        if (!this._auditLog) {\n            return {};\n        }\n        try {\n            return JSON.parse(this._auditLog.content);\n        } catch {\n            return {};\n        }\n    }\n}\n\nexport const AuditLogDetailsPresenter = Abstraction.createImplementation({\n    implementation: AuditLogDetailsPresenterImpl,\n    dependencies: []\n});\n"],"names":["AuditLogDetailsPresenterImpl","makeAutoObservable","computed","auditLog","JSON","AuditLogDetailsPresenter","Abstraction"],"mappings":";;AAOA,MAAMA;IAGF,aAAc;aAFN,SAAS,GAAqB;QAGlCC,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS,GAAG;YAAE,UAAU;QAAK;IAChE;IAEA,IAAI,KAAyB;QACzB,OAAO;YACH,UAAU,IAAI,CAAC,SAAS;YACxB,SAAS,IAAI,CAAC,YAAY;QAC9B;IACJ;IAEA,KAAKC,QAAmB,EAAQ;QAC5B,IAAI,CAAC,SAAS,GAAGA;IACrB;IAEQ,eAAwC;QAC5C,IAAI,CAAC,IAAI,CAAC,SAAS,EACf,OAAO,CAAC;QAEZ,IAAI;YACA,OAAOC,KAAK,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO;QAC5C,EAAE,OAAM;YACJ,OAAO,CAAC;QACZ;IACJ;AACJ;AAEO,MAAMC,oDAA2BC,yBAAAA,oBAAgC,CAAC;IACrE,gBAAgBN;IAChB,cAAc,EAAE;AACpB"}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import type { IAuditLog } from "../../../types.js";
+interface PreviewProps {
+    auditLog: IAuditLog | null;
+    onClose: () => void;
+    hasAccessToUsers: boolean;
+}
+export declare const Preview: (({ auditLog, onClose, hasAccessToUsers }: PreviewProps) => React.JSX.Element | null) & React.NamedExoticComponent<PreviewProps> & {
+    readonly type: ({ auditLog, onClose, hasAccessToUsers }: PreviewProps) => React.JSX.Element | null;
+};
+export {};

package/views/Logs/Preview/Preview.js

@@ -0,0 +1,127 @@
+import react, { useEffect, useMemo } from "react";
+import { addMinutes, format } from "date-fns";
+import { CodeEditor, Drawer, Grid, Tabs, Tooltip } from "@webiny/admin-ui";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { Action } from "../Table/index.js";
+import { Text } from "../../../components/Text.js";
+import { useAuditLogsListConfig } from "../../../config/list/AuditLogsListConfig.js";
+import { useAuditLogDetailsPresenter } from "./feature.js";
+const EDITOR_HEIGHT = "calc(100vh - 350px)";
+const Preview_PayloadTab = createReactiveComponent(function() {
+    const presenter = useAuditLogDetailsPresenter();
+    const { auditLog } = presenter.vm;
+    if (!auditLog) return null;
+    return /*#__PURE__*/ react.createElement(CodeEditor, {
+        language: "json",
+        value: JSON.stringify(JSON.parse(auditLog.content), null, 2),
+        height: EDITOR_HEIGHT
+    });
+});
+const Preview_Preview = createReactiveComponent(function({ auditLog, onClose, hasAccessToUsers }) {
+    const presenter = useAuditLogDetailsPresenter();
+    const config = useAuditLogsListConfig();
+    useEffect(()=>{
+        if (auditLog) presenter.init(auditLog);
+    }, [
+        presenter,
+        auditLog
+    ]);
+    const tabs = useMemo(()=>{
+        if (!auditLog) return [];
+        const customTabs = config.details.tabs.filter((tab)=>!tab.canRender || tab.canRender(auditLog));
+        return [
+            /*#__PURE__*/ react.createElement(Tabs.Tab, {
+                key: "payload",
+                value: "payload",
+                trigger: "Payload",
+                content: /*#__PURE__*/ react.createElement(Preview_PayloadTab, null)
+            }),
+            ...customTabs.map((tab)=>/*#__PURE__*/ react.createElement(Tabs.Tab, {
+                    key: tab.name,
+                    value: tab.name,
+                    trigger: tab.label,
+                    content: tab.element
+                }))
+        ];
+    }, [
+        auditLog,
+        config.details.tabs
+    ]);
+    if (!auditLog) return null;
+    const date = new Date(auditLog.createdOn);
+    return /*#__PURE__*/ react.createElement(Drawer, {
+        open: true,
+        onClose: onClose,
+        modal: true,
+        width: 720,
+        title: auditLog.message,
+        headerSeparator: true,
+        bodyPadding: false,
+        actions: /*#__PURE__*/ react.createElement(Drawer.CancelButton, {
+            text: "Close",
+            onClick: onClose
+        })
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col h-full"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "shrink-0 p-md pb-0"
+    }, /*#__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: "left",
+        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})`)) : null)), /*#__PURE__*/ react.createElement("div", {
+        className: "px-md pb-md"
+    }, /*#__PURE__*/ react.createElement(Tabs, {
+        tabs: tabs
+    }))));
+});
+export { Preview_Preview as Preview };
+
+//# sourceMappingURL=Preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Preview/Preview.js","sources":["../../../../src/views/Logs/Preview/Preview.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { addMinutes, format } from \"date-fns\";\nimport { Grid, Drawer, CodeEditor, Tooltip, Tabs } from \"@webiny/admin-ui\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { Action } from \"~/views/Logs/Table/index.js\";\nimport { Text } from \"~/components/Text.js\";\nimport { useAuditLogsListConfig } from \"~/config/list/AuditLogsListConfig.js\";\nimport { useAuditLogDetailsPresenter } from \"./feature.js\";\nimport type { IAuditLog } from \"~/types.js\";\n\ninterface PreviewProps {\n    auditLog: IAuditLog | null;\n    onClose: () => void;\n    hasAccessToUsers: boolean;\n}\n\nconst EDITOR_HEIGHT = \"calc(100vh - 350px)\";\n\nconst PayloadTab = createReactiveComponent(function PayloadTab() {\n    const presenter = useAuditLogDetailsPresenter();\n    const { auditLog } = presenter.vm;\n    if (!auditLog) {\n        return null;\n    }\n    return (\n        <CodeEditor\n            language=\"json\"\n            value={JSON.stringify(JSON.parse(auditLog.content), null, 2)}\n            height={EDITOR_HEIGHT}\n        />\n    );\n});\n\nexport const Preview = createReactiveComponent(function Preview({\n    auditLog,\n    onClose,\n    hasAccessToUsers\n}: PreviewProps) {\n    const presenter = useAuditLogDetailsPresenter();\n    const config = useAuditLogsListConfig();\n\n    useEffect(() => {\n        if (auditLog) {\n            presenter.init(auditLog);\n        }\n    }, [presenter, auditLog]);\n\n    const tabs = useMemo(() => {\n        if (!auditLog) {\n            return [];\n        }\n\n        const customTabs = config.details.tabs.filter(\n            tab => !tab.canRender || tab.canRender(auditLog)\n        );\n\n        return [\n            <Tabs.Tab key=\"payload\" value=\"payload\" trigger=\"Payload\" content={<PayloadTab />} />,\n            ...customTabs.map(tab => (\n                <Tabs.Tab\n                    key={tab.name}\n                    value={tab.name}\n                    trigger={tab.label}\n                    content={tab.element}\n                />\n            ))\n        ];\n    }, [auditLog, config.details.tabs]);\n\n    if (!auditLog) {\n        return null;\n    }\n\n    const date = new Date(auditLog.createdOn);\n\n    return (\n        <Drawer\n            open={true}\n            onClose={onClose}\n            modal={true}\n            width={720}\n            title={auditLog.message}\n            headerSeparator={true}\n            bodyPadding={false}\n            actions={<Drawer.CancelButton text={\"Close\"} onClick={onClose} />}\n        >\n            <div className={\"flex flex-col h-full\"}>\n                <div className={\"shrink-0 p-md pb-0\"}>\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=\"left\"\n                                content={`UTC: ${format(\n                                    addMinutes(date, date.getTimezoneOffset()),\n                                    \"yyyy-MM-dd HH:mm:ss\"\n                                )}`}\n                                trigger={\n                                    <Text use={\"subtitle2\"}>\n                                        {format(date, \"yyyy-MM-dd HH:mm:ss (O)\")}\n                                    </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                        {hasAccessToUsers ? (\n                            <Grid.Column span={6}>\n                                <Text use=\"overline\">Initiator</Text>\n                                <br />\n                                <a\n                                    href={`/admin-users?id=${auditLog.createdBy.id}`}\n                                    target={\"blank\"}\n                                >\n                                    <Text use={\"subtitle2\"}>{auditLog.createdBy.displayName}</Text>\n                                </a>\n                                <Text use={\"body2\"}>{` (${auditLog.createdBy.role})`}</Text>\n                            </Grid.Column>\n                        ) : null}\n                    </Grid>\n                </div>\n                <div className={\"px-md pb-md\"}>\n                    <Tabs tabs={tabs} />\n                </div>\n            </div>\n        </Drawer>\n    );\n});\n"],"names":["EDITOR_HEIGHT","PayloadTab","createReactiveComponent","presenter","useAuditLogDetailsPresenter","auditLog","CodeEditor","JSON","Preview","onClose","hasAccessToUsers","config","useAuditLogsListConfig","useEffect","tabs","useMemo","customTabs","tab","Tabs","date","Date","Drawer","Grid","Text","Tooltip","format","addMinutes","Action"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import type { IAuditLog } from "../../../types.js";
+export interface IAuditLogDetailsVm {
+    auditLog: IAuditLog | null;
+    content: Record<string, unknown>;
+}
+export interface IAuditLogDetailsPresenter {
+    readonly vm: IAuditLogDetailsVm;
+    init(auditLog: IAuditLog): void;
+}
+export declare const AuditLogDetailsPresenter: import("@webiny/di").Abstraction<IAuditLogDetailsPresenter>;
+export declare namespace AuditLogDetailsPresenter {
+    type Interface = IAuditLogDetailsPresenter;
+    type ViewModel = IAuditLogDetailsVm;
+}

package/views/Logs/Preview/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const AuditLogDetailsPresenter = createAbstraction("AuditLogDetailsPresenter");
+export { AuditLogDetailsPresenter };
+
+//# sourceMappingURL=abstractions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"views/Logs/Preview/abstractions.js","sources":["../../../../src/views/Logs/Preview/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IAuditLog } from \"~/types.js\";\n\nexport interface IAuditLogDetailsVm {\n    auditLog: IAuditLog | null;\n    content: Record<string, unknown>;\n}\n\nexport interface IAuditLogDetailsPresenter {\n    readonly vm: IAuditLogDetailsVm;\n    init(auditLog: IAuditLog): void;\n}\n\nexport const AuditLogDetailsPresenter = createAbstraction<IAuditLogDetailsPresenter>(\n    \"AuditLogDetailsPresenter\"\n);\n\nexport namespace AuditLogDetailsPresenter {\n    export type Interface = IAuditLogDetailsPresenter;\n    export type ViewModel = IAuditLogDetailsVm;\n}\n"],"names":["AuditLogDetailsPresenter","createAbstraction"],"mappings":";AAaO,MAAMA,2BAA2BC,kBACpC"}

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

@@ -0,0 +1,5 @@
+import { AuditLogDetailsPresenter as Abstraction } from "./abstractions.js";
+export declare const AuditLogDetailsPresenterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").IAuditLogDetailsPresenter;
+}, []>;
+export declare function useAuditLogDetailsPresenter(): Abstraction.Interface;

package/views/Logs/Preview/feature.js

@@ -0,0 +1,22 @@
+import { createFeature } from "@webiny/feature/admin";
+import { useFeature } from "@webiny/app-admin";
+import { AuditLogDetailsPresenter } from "./abstractions.js";
+import { AuditLogDetailsPresenter as external_AuditLogDetailsPresenter_js_AuditLogDetailsPresenter } from "./AuditLogDetailsPresenter.js";
+const AuditLogDetailsPresenterFeature = createFeature({
+    name: "AuditLogs/DetailsPresenter",
+    register (container) {
+        container.register(external_AuditLogDetailsPresenter_js_AuditLogDetailsPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(AuditLogDetailsPresenter)
+        };
+    }
+});
+function useAuditLogDetailsPresenter() {
+    const { presenter } = useFeature(AuditLogDetailsPresenterFeature);
+    return presenter;
+}
+export { AuditLogDetailsPresenterFeature, useAuditLogDetailsPresenter };
+
+//# sourceMappingURL=feature.js.map