@webiny/app-audit-logs 6.6.0-alpha.0 → 6.6.0-alpha.1

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

@@ -1,16 +1 @@
-import { ActionType } from "../../../types.js";
-export declare const ActionWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    value: ActionType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const wideColumn: string;
-export declare const appColumn: string;
-export declare const previewColumn: string;
-export declare const TextGray: import("@emotion/styled").StyledComponent<import("~/components/Text.js").TypographyProps & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const TimezoneText: import("@emotion/styled").StyledComponent<import("~/components/Text.js").TypographyProps & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
+export declare function getActionColorClasses(value: string): string;

package/views/Logs/Table/styled.js

@@ -1,57 +1,17 @@
-import styled from "@emotion/styled";
-import { css } from "@emotion/css";
-import { Text } from "../../../components/Text.js";
-import { ActionType } from "../../../types.js";
-const ACTION_TYPES_COLORS_MAP = {
-    YELLOW: [
-        ActionType.UPDATE
-    ],
-    RED: [
-        ActionType.DELETE,
-        ActionType.UNPUBLISH,
-        ActionType.MOVE_TO_TRASH
-    ]
-};
-const ActionWrapper = styled.div`
-    padding: 0 8px;
-    width: fit-content;
-    border: 1px solid;
-    border-radius: 5px;
-
-    ${({ value: actionType })=>{
-    if (ACTION_TYPES_COLORS_MAP.YELLOW.includes(actionType)) return `
-                background-color: #fac42810;
-                border-color: #fac428;
-                color: #fac428;
-            `;
-    if (ACTION_TYPES_COLORS_MAP.RED.includes(actionType)) return `
-                background-color: #ff000010;
-                border-color: #ff0000;
-                color: #ff0000;
-            `;
-    return `
-            background-color: #00ccb010;
-            border-color: #00ccb0;
-            color: #00ccb0;
-        `;
-}}
-`;
-const wideColumn = css`
-    width: auto !important;
-`;
-const appColumn = css`
-    width: 280px !important;
-`;
-const previewColumn = css`
-    width: 100px !important;
-`;
-const TextGray = styled(Text)`
-    color: "#616161";
-`;
-const TimezoneText = styled(TextGray)`
-    padding-left: 6px;
-    padding-right: 6px;
-`;
-export { ActionWrapper, TextGray, TimezoneText, appColumn, previewColumn, wideColumn };
+import { ActionType } from "@webiny/common-audit-logs";
+const YELLOW_ACTIONS = [
+    ActionType.UPDATE
+];
+const RED_ACTIONS = [
+    ActionType.DELETE,
+    ActionType.UNPUBLISH,
+    ActionType.MOVE_TO_TRASH
+];
+function getActionColorClasses(value) {
+    if (YELLOW_ACTIONS.includes(value)) return "bg-warning-100 border-warning-500 text-warning-700";
+    if (RED_ACTIONS.includes(value)) return "bg-destructive-100 border-destructive-500 text-destructive-700";
+    return "bg-success-100 border-success-500 text-success-700";
+}
+export { getActionColorClasses };
 
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"views/Logs/Table/styled.js","sources":["../../../../src/views/Logs/Table/styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"@emotion/css\";\nimport { Text } from \"~/components/Text.js\";\nimport { ActionType } from \"~/types.js\";\n\nconst ACTION_TYPES_COLORS_MAP = {\n    YELLOW: [ActionType.UPDATE],\n    RED: [ActionType.DELETE, ActionType.UNPUBLISH, ActionType.MOVE_TO_TRASH]\n};\n\nexport const ActionWrapper = styled.div<{ value: ActionType }>`\n    padding: 0 8px;\n    width: fit-content;\n    border: 1px solid;\n    border-radius: 5px;\n\n    ${({ value: actionType }) => {\n        // Yellow.\n        if (ACTION_TYPES_COLORS_MAP.YELLOW.includes(actionType)) {\n            return `\n                background-color: #fac42810;\n                border-color: #fac428;\n                color: #fac428;\n            `;\n        }\n\n        // Red.\n        if (ACTION_TYPES_COLORS_MAP.RED.includes(actionType)) {\n            return `\n                background-color: #ff000010;\n                border-color: #ff0000;\n                color: #ff0000;\n            `;\n        }\n\n        // Green.\n        return `\n            background-color: #00ccb010;\n            border-color: #00ccb0;\n            color: #00ccb0;\n        `;\n    }}\n`;\n\nexport const wideColumn = css`\n    width: auto !important;\n`;\n\nexport const appColumn = css`\n    width: 280px !important;\n`;\n\nexport const previewColumn = css`\n    width: 100px !important;\n`;\n\nexport const TextGray = styled(Text)`\n    color: \"#616161\";\n`;\n\nexport const TimezoneText = styled(TextGray)`\n    padding-left: 6px;\n    padding-right: 6px;\n`;\n"],"names":["ACTION_TYPES_COLORS_MAP","ActionType","ActionWrapper","styled","actionType","wideColumn","css","appColumn","previewColumn","TextGray","Text","TimezoneText"],"mappings":";;;;AAKA,MAAMA,0BAA0B;IAC5B,QAAQ;QAACC,WAAW,MAAM;KAAC;IAC3B,KAAK;QAACA,WAAW,MAAM;QAAEA,WAAW,SAAS;QAAEA,WAAW,aAAa;KAAC;AAC5E;AAEO,MAAMC,gBAAgBC,OAAO,GAA0B,CAAC;;;;;;IAM3D,EAAE,CAAC,EAAE,OAAOC,UAAU,EAAE;IAEpB,IAAIJ,wBAAwB,MAAM,CAAC,QAAQ,CAACI,aACxC,OAAO,CAAC;;;;YAIR,CAAC;IAIL,IAAIJ,wBAAwB,GAAG,CAAC,QAAQ,CAACI,aACrC,OAAO,CAAC;;;;YAIR,CAAC;IAIL,OAAO,CAAC;;;;QAIR,CAAC;AACL,EAAE;AACN,CAAC;AAEM,MAAMC,aAAaC,GAAG,CAAC;;AAE9B,CAAC;AAEM,MAAMC,YAAYD,GAAG,CAAC;;AAE7B,CAAC;AAEM,MAAME,gBAAgBF,GAAG,CAAC;;AAEjC,CAAC;AAEM,MAAMG,WAAWN,OAAOO,KAAK,CAAC;;AAErC,CAAC;AAEM,MAAMC,eAAeR,OAAOM,SAAS,CAAC;;;AAG7C,CAAC"}
+{"version":3,"file":"views/Logs/Table/styled.js","sources":["../../../../src/views/Logs/Table/styled.tsx"],"sourcesContent":["import { ActionType } from \"@webiny/common-audit-logs\";\n\nconst YELLOW_ACTIONS: string[] = [ActionType.UPDATE];\nconst RED_ACTIONS: string[] = [ActionType.DELETE, ActionType.UNPUBLISH, ActionType.MOVE_TO_TRASH];\n\nexport function getActionColorClasses(value: string): string {\n    if (YELLOW_ACTIONS.includes(value)) {\n        return \"bg-warning-100 border-warning-500 text-warning-700\";\n    }\n    if (RED_ACTIONS.includes(value)) {\n        return \"bg-destructive-100 border-destructive-500 text-destructive-700\";\n    }\n    return \"bg-success-100 border-success-500 text-success-700\";\n}\n"],"names":["YELLOW_ACTIONS","ActionType","RED_ACTIONS","getActionColorClasses","value"],"mappings":";AAEA,MAAMA,iBAA2B;IAACC,WAAW,MAAM;CAAC;AACpD,MAAMC,cAAwB;IAACD,WAAW,MAAM;IAAEA,WAAW,SAAS;IAAEA,WAAW,aAAa;CAAC;AAE1F,SAASE,sBAAsBC,KAAa;IAC/C,IAAIJ,eAAe,QAAQ,CAACI,QACxB,OAAO;IAEX,IAAIF,YAAY,QAAQ,CAACE,QACrB,OAAO;IAEX,OAAO;AACX"}

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

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

package/views/Logs/Filters/FilterByTimestamp.js

@@ -1,39 +0,0 @@
-import react from "react";
-import { format } from "date-fns";
-import { Input } from "@webiny/admin-ui";
-import { useBind } from "@webiny/form";
-import { TimestampFiltersContainer } from "./styled.js";
-const formatDateTime = (date)=>{
-    if (!date) return "";
-    return format(new Date(date), "yyyy-MM-dd'T'HH:mm");
-};
-const getValidFilterValue = (value)=>{
-    if ("" === value) return;
-    return new Date(value);
-};
-const FilterByTimestamp = ()=>{
-    const bindFrom = useBind({
-        name: "data.timestamp_gte",
-        beforeChange (value, cb) {
-            cb(getValidFilterValue(value));
-        }
-    });
-    const bindTo = useBind({
-        name: "data.timestamp_lte",
-        beforeChange (value, cb) {
-            cb(getValidFilterValue(value));
-        }
-    });
-    return /*#__PURE__*/ react.createElement(TimestampFiltersContainer, null, /*#__PURE__*/ react.createElement(Input, {
-        ...bindFrom,
-        value: formatDateTime(bindFrom.value),
-        type: "datetime-local"
-    }), /*#__PURE__*/ react.createElement(Input, {
-        ...bindTo,
-        value: formatDateTime(bindTo.value),
-        type: "datetime-local"
-    }));
-};
-export { FilterByTimestamp };
-
-//# sourceMappingURL=FilterByTimestamp.js.map

package/views/Logs/Filters/FilterByTimestamp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"views/Logs/Filters/FilterByTimestamp.js","sources":["../../../../src/views/Logs/Filters/FilterByTimestamp.tsx"],"sourcesContent":["import React from \"react\";\nimport { format } from \"date-fns\";\nimport { Input } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\nimport { TimestampFiltersContainer } from \"./styled.js\";\n\nconst formatDateTime = (date: string) => {\n    if (!date) {\n        return \"\";\n    }\n\n    return format(new Date(date), \"yyyy-MM-dd'T'HH:mm\");\n};\n\nconst getValidFilterValue = (value: string): Date | undefined => {\n    if (value === \"\") {\n        return undefined;\n    }\n\n    return new Date(value);\n};\n\nexport const FilterByTimestamp = () => {\n    const bindFrom = useBind({\n        name: \"data.timestamp_gte\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const bindTo = useBind({\n        name: \"data.timestamp_lte\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    return (\n        <TimestampFiltersContainer>\n            <Input {...bindFrom} value={formatDateTime(bindFrom.value)} type=\"datetime-local\" />\n            <Input {...bindTo} value={formatDateTime(bindTo.value)} type=\"datetime-local\" />\n        </TimestampFiltersContainer>\n    );\n};\n"],"names":["formatDateTime","date","format","Date","getValidFilterValue","value","FilterByTimestamp","bindFrom","useBind","cb","bindTo","TimestampFiltersContainer","Input"],"mappings":";;;;;AAMA,MAAMA,iBAAiB,CAACC;IACpB,IAAI,CAACA,MACD,OAAO;IAGX,OAAOC,OAAO,IAAIC,KAAKF,OAAO;AAClC;AAEA,MAAMG,sBAAsB,CAACC;IACzB,IAAIA,AAAU,OAAVA,OACA;IAGJ,OAAO,IAAIF,KAAKE;AACpB;AAEO,MAAMC,oBAAoB;IAC7B,MAAMC,WAAWC,QAAQ;QACrB,MAAM;QACN,cAAaH,KAAK,EAAEI,EAAE;YAClBA,GAAGL,oBAAoBC;QAC3B;IACJ;IAEA,MAAMK,SAASF,QAAQ;QACnB,MAAM;QACN,cAAaH,KAAK,EAAEI,EAAE;YAClBA,GAAGL,oBAAoBC;QAC3B;IACJ;IAEA,OAAO,WAAP,GACI,oBAACM,2BAAyBA,MAAAA,WAAAA,GACtB,oBAACC,OAAKA;QAAE,GAAGL,QAAQ;QAAE,OAAOP,eAAeO,SAAS,KAAK;QAAG,MAAK;sBACjE,oBAACK,OAAKA;QAAE,GAAGF,MAAM;QAAE,OAAOV,eAAeU,OAAO,KAAK;QAAG,MAAK;;AAGzE"}

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

@@ -1,4 +0,0 @@
-export declare const TimestampFiltersContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/views/Logs/Filters/styled.js

@@ -1,13 +0,0 @@
-import styled from "@emotion/styled";
-const TimestampFiltersContainer = styled.div`
-    display: flex;
-    column-gap: 16px;
-    grow: 1;
-
-    .relative {
-        height: 32px;
-    }
-`;
-export { TimestampFiltersContainer };
-
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"views/Logs/Filters/styled.js","sources":["../../../../src/views/Logs/Filters/styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const TimestampFiltersContainer = styled.div`\n    display: flex;\n    column-gap: 16px;\n    grow: 1;\n\n    .relative {\n        height: 32px;\n    }\n`;\n"],"names":["TimestampFiltersContainer","styled"],"mappings":";AAEO,MAAMA,4BAA4BC,OAAO,GAAG,CAAC;;;;;;;;AAQpD,CAAC"}

package/views/Logs/Logs.d.ts

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

package/views/Logs/Logs.js

@@ -1,76 +0,0 @@
-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 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
-    })));
-};
-const Logs = AuditLogsView;
-export default Logs;
-
-//# sourceMappingURL=Logs.js.map

package/views/Logs/Logs.js.map

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

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

package/views/Logs/Preview/styled.js

@@ -1,32 +0,0 @@
-import styled from "@emotion/styled";
-import { css } from "@emotion/css";
-const PayloadWrapper = styled("div")`
-    #brace-editor {
-        height: 280px !important;
-    }
-
-    .ace_print-margin,
-    .ace_active-line,
-    .ace_gutter-active-line,
-    .ace_cursor-layer {
-        display: none;
-    }
-
-    .ace_line,
-    .ace_gutter-cell {
-        height: 12px !important;
-    }
-
-    .ace_gutter-layer {
-        width: 47px !important;
-    }
-`;
-const previewDialog = css`
-    & .mdc-dialog__surface {
-        width: 800px;
-        min-width: 800px;
-    }
-`;
-export { PayloadWrapper, previewDialog };
-
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"views/Logs/Preview/styled.js","sources":["../../../../src/views/Logs/Preview/styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"@emotion/css\";\n\nexport const PayloadWrapper = styled(\"div\")`\n    #brace-editor {\n        height: 280px !important;\n    }\n\n    .ace_print-margin,\n    .ace_active-line,\n    .ace_gutter-active-line,\n    .ace_cursor-layer {\n        display: none;\n    }\n\n    .ace_line,\n    .ace_gutter-cell {\n        height: 12px !important;\n    }\n\n    .ace_gutter-layer {\n        width: 47px !important;\n    }\n`;\n\nexport const previewDialog = css`\n    & .mdc-dialog__surface {\n        width: 800px;\n        min-width: 800px;\n    }\n`;\n"],"names":["PayloadWrapper","styled","previewDialog","css"],"mappings":";;AAGO,MAAMA,iBAAiBC,OAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;AAoB5C,CAAC;AAEM,MAAMC,gBAAgBC,GAAG,CAAC;;;;;AAKjC,CAAC"}