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

package/components/Text.d.ts

@@ -6,7 +6,5 @@ export interface TypographyProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const Text: import("@emotion/styled").StyledComponent<TypographyProps & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
+export declare const Text: ({ use, children, className, style }: TypographyProps) => React.JSX.Element;
 export {};

package/components/Text.js

@@ -1,5 +1,4 @@
 import react from "react";
-import styled from "@emotion/styled";
 import { Heading, Text } from "@webiny/admin-ui";
 const headingLevelMap = {
     headline1: 1,
@@ -18,23 +17,19 @@ const sizeMap = {
     button: "sm",
     overline: "sm"
 };
-const Typography = ({ use = "body2", children, className, style })=>{
+const Text_Text = ({ use = "body2", children, className, style })=>{
+    const classes = `whitespace-nowrap overflow-hidden text-ellipsis ${className ?? ""}`.trim();
     if (use in headingLevelMap) return /*#__PURE__*/ react.createElement(Heading, {
         level: headingLevelMap[use],
-        className: className,
+        className: classes,
         style: style
     }, children);
     return /*#__PURE__*/ react.createElement(Text, {
         size: sizeMap[use] ?? "md",
-        className: className,
+        className: classes,
         style: style
     }, children);
 };
-const Text_Text = styled(Typography)`
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-`;
 export { Text_Text as Text };
 
 //# sourceMappingURL=Text.js.map

package/components/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/Text.js","sources":["../../src/components/Text.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Text as BaseText, Heading } from \"@webiny/admin-ui\";\nimport type { HeadingLevels } from \"@webiny/admin-ui\";\n\ntype TypographyT =\n    | \"headline1\"\n    | \"headline2\"\n    | \"headline3\"\n    | \"headline4\"\n    | \"headline5\"\n    | \"headline6\"\n    | \"subtitle1\"\n    | \"subtitle2\"\n    | \"body1\"\n    | \"body2\"\n    | \"caption\"\n    | \"button\"\n    | \"overline\";\n\nexport interface TypographyProps {\n    use?: TypographyT;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst headingLevelMap: Partial<Record<TypographyT, HeadingLevels>> = {\n    headline1: 1,\n    headline2: 2,\n    headline3: 3,\n    headline4: 4,\n    headline5: 5,\n    headline6: 6\n};\n\nconst sizeMap: Partial<Record<TypographyT, \"sm\" | \"md\">> = {\n    subtitle1: \"md\",\n    subtitle2: \"sm\",\n    body1: \"md\",\n    body2: \"sm\",\n    caption: \"sm\",\n    button: \"sm\",\n    overline: \"sm\"\n};\n\nconst Typography = ({ use = \"body2\", children, className, style }: TypographyProps) => {\n    if (use in headingLevelMap) {\n        return (\n            <Heading level={headingLevelMap[use]} className={className} style={style}>\n                {children}\n            </Heading>\n        );\n    }\n    return (\n        <BaseText size={sizeMap[use] ?? \"md\"} className={className} style={style}>\n            {children}\n        </BaseText>\n    );\n};\n\nexport const Text = styled(Typography)`\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n"],"names":["headingLevelMap","sizeMap","Typography","use","children","className","style","Heading","BaseText","Text","styled"],"mappings":";;;AA2BA,MAAMA,kBAA+D;IACjE,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;AACf;AAEA,MAAMC,UAAqD;IACvD,WAAW;IACX,WAAW;IACX,OAAO;IACP,OAAO;IACP,SAAS;IACT,QAAQ;IACR,UAAU;AACd;AAEA,MAAMC,aAAa,CAAC,EAAEC,MAAM,OAAO,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,KAAK,EAAmB;IAC9E,IAAIH,OAAOH,iBACP,OAAO,WAAP,GACI,oBAACO,SAAOA;QAAC,OAAOP,eAAe,CAACG,IAAI;QAAE,WAAWE;QAAW,OAAOC;OAC9DF;IAIb,OAAO,WAAP,GACI,oBAACI,MAAQA;QAAC,MAAMP,OAAO,CAACE,IAAI,IAAI;QAAM,WAAWE;QAAW,OAAOC;OAC9DF;AAGb;AAEO,MAAMK,YAAOC,OAAOR,WAAW,CAAC;;;;AAIvC,CAAC"}
+{"version":3,"file":"components/Text.js","sources":["../../src/components/Text.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text as BaseText, Heading } from \"@webiny/admin-ui\";\nimport type { HeadingLevels } from \"@webiny/admin-ui\";\n\ntype TypographyT =\n    | \"headline1\"\n    | \"headline2\"\n    | \"headline3\"\n    | \"headline4\"\n    | \"headline5\"\n    | \"headline6\"\n    | \"subtitle1\"\n    | \"subtitle2\"\n    | \"body1\"\n    | \"body2\"\n    | \"caption\"\n    | \"button\"\n    | \"overline\";\n\nexport interface TypographyProps {\n    use?: TypographyT;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst headingLevelMap: Partial<Record<TypographyT, HeadingLevels>> = {\n    headline1: 1,\n    headline2: 2,\n    headline3: 3,\n    headline4: 4,\n    headline5: 5,\n    headline6: 6\n};\n\nconst sizeMap: Partial<Record<TypographyT, \"sm\" | \"md\">> = {\n    subtitle1: \"md\",\n    subtitle2: \"sm\",\n    body1: \"md\",\n    body2: \"sm\",\n    caption: \"sm\",\n    button: \"sm\",\n    overline: \"sm\"\n};\n\nexport const Text = ({ use = \"body2\", children, className, style }: TypographyProps) => {\n    const classes = `whitespace-nowrap overflow-hidden text-ellipsis ${className ?? \"\"}`.trim();\n\n    if (use in headingLevelMap) {\n        return (\n            <Heading level={headingLevelMap[use]} className={classes} style={style}>\n                {children}\n            </Heading>\n        );\n    }\n    return (\n        <BaseText size={sizeMap[use] ?? \"md\"} className={classes} style={style}>\n            {children}\n        </BaseText>\n    );\n};\n"],"names":["headingLevelMap","sizeMap","Text","use","children","className","style","classes","Heading","BaseText"],"mappings":";;AA0BA,MAAMA,kBAA+D;IACjE,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;AACf;AAEA,MAAMC,UAAqD;IACvD,WAAW;IACX,WAAW;IACX,OAAO;IACP,OAAO;IACP,SAAS;IACT,QAAQ;IACR,UAAU;AACd;AAEO,MAAMC,YAAO,CAAC,EAAEC,MAAM,OAAO,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,KAAK,EAAmB;IAC/E,MAAMC,UAAU,CAAC,gDAAgD,EAAEF,aAAa,IAAI,CAAC,IAAI;IAEzF,IAAIF,OAAOH,iBACP,OAAO,WAAP,GACI,oBAACQ,SAAOA;QAAC,OAAOR,eAAe,CAACG,IAAI;QAAE,WAAWI;QAAS,OAAOD;OAC5DF;IAIb,OAAO,WAAP,GACI,oBAACK,MAAQA;QAAC,MAAMR,OAAO,CAACE,IAAI,IAAI;QAAM,WAAWI;QAAS,OAAOD;OAC5DF;AAGb"}

package/config/list/AuditLogsListConfig.d.ts

@@ -36,6 +36,9 @@ export declare const AuditLogsListConfig: typeof ScopedAuditLogsListConfig & {
         };
         FiltersToWhere: typeof import("./Browser/FiltersToWhere.js").FiltersToWhere;
     };
+    Details: {
+        Tab: typeof import("./Details/PreviewTab.js").PreviewTab;
+    };
 };
 export declare const AuditLogsListWithConfig: ({ children }: {
     children: React.ReactNode;
@@ -45,5 +48,8 @@ export declare function useAuditLogsListConfig(): {
         filters: import("./Browser/Filter.js").FilterConfig[];
         filtersToWhere: import("./Browser/FiltersToWhere.js").FiltersToWhereConverter[];
     };
+    details: {
+        tabs: import("./Details/PreviewTab.js").PreviewTabConfig[];
+    };
 };
 export {};

package/config/list/AuditLogsListConfig.js

@@ -1,6 +1,7 @@
 import react, { useMemo } from "react";
 import { createConfigurableComponent } from "@webiny/react-properties";
 import { Browser } from "./Browser/index.js";
+import { Details } from "./Details/index.js";
 import { CompositionScope } from "@webiny/react-composition";
 const base = createConfigurableComponent("AuditLogsListConfig");
 const ScopedAuditLogsListConfig = ({ children })=>/*#__PURE__*/ react.createElement(CompositionScope, {
@@ -8,7 +9,8 @@ const ScopedAuditLogsListConfig = ({ children })=>/*#__PURE__*/ react.createElem
     }, /*#__PURE__*/ react.createElement(base.Config, null, children));
 ScopedAuditLogsListConfig.displayName = "AuditLogsListConfig";
 const AuditLogsListConfig = Object.assign(ScopedAuditLogsListConfig, {
-    Browser: Browser
+    Browser: Browser,
+    Details: Details
 });
 const AuditLogsListWithConfig = ({ children })=>/*#__PURE__*/ react.createElement(CompositionScope, {
         name: "auditLogs"
@@ -16,6 +18,7 @@ const AuditLogsListWithConfig = ({ children })=>/*#__PURE__*/ react.createElemen
 function useAuditLogsListConfig() {
     const config = base.useConfig();
     const browser = config.browser || {};
+    const details = config.details || {};
     return useMemo(()=>({
             browser: {
                 ...browser,
@@ -25,6 +28,12 @@ function useAuditLogsListConfig() {
                 filtersToWhere: [
                     ...browser.filtersToWhere || []
                 ]
+            },
+            details: {
+                ...details,
+                tabs: [
+                    ...details.tabs || []
+                ]
             }
         }), [
         config

package/config/list/AuditLogsListConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"config/list/AuditLogsListConfig.js","sources":["../../../src/config/list/AuditLogsListConfig.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport type { BrowserConfig } from \"./Browser/index.js\";\nimport { Browser } from \"./Browser/index.js\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst base = createConfigurableComponent<AuditLogsListConfig>(\"AuditLogsListConfig\");\n\nconst ScopedAuditLogsListConfig = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <CompositionScope name={\"auditLogs\"}>\n            <base.Config>{children}</base.Config>\n        </CompositionScope>\n    );\n};\n\nScopedAuditLogsListConfig.displayName = \"AuditLogsListConfig\";\n\nexport const AuditLogsListConfig = Object.assign(ScopedAuditLogsListConfig, { Browser });\nexport const AuditLogsListWithConfig = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <CompositionScope name={\"auditLogs\"}>\n            <base.WithConfig>{children}</base.WithConfig>\n        </CompositionScope>\n    );\n};\n\ninterface AuditLogsListConfig {\n    browser: BrowserConfig;\n}\n\nexport function useAuditLogsListConfig() {\n    const config = base.useConfig();\n\n    const browser = config.browser || {};\n\n    return useMemo(\n        () => ({\n            browser: {\n                ...browser,\n                filters: [...(browser.filters || [])],\n                filtersToWhere: [...(browser.filtersToWhere || [])]\n            }\n        }),\n        [config]\n    );\n}\n"],"names":["base","createConfigurableComponent","ScopedAuditLogsListConfig","children","CompositionScope","AuditLogsListConfig","Object","Browser","AuditLogsListWithConfig","useAuditLogsListConfig","config","browser","useMemo"],"mappings":";;;;AAMA,MAAMA,OAAOC,4BAAiD;AAE9D,MAAMC,4BAA4B,CAAC,EAAEC,QAAQ,EAAiC,GACnE,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAM;qBACpB,oBAACJ,KAAK,MAAM,QAAEG;AAK1BD,0BAA0B,WAAW,GAAG;AAEjC,MAAMG,sBAAsBC,OAAO,MAAM,CAACJ,2BAA2B;IAAEK,SAAOA;AAAC;AAC/E,MAAMC,0BAA0B,CAAC,EAAEL,QAAQ,EAAiC,GACxE,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAM;qBACpB,oBAACJ,KAAK,UAAU,QAAEG;AASvB,SAASM;IACZ,MAAMC,SAASV,KAAK,SAAS;IAE7B,MAAMW,UAAUD,OAAO,OAAO,IAAI,CAAC;IAEnC,OAAOE,QACH,IAAO;YACH,SAAS;gBACL,GAAGD,OAAO;gBACV,SAAS;uBAAKA,QAAQ,OAAO,IAAI,EAAE;iBAAE;gBACrC,gBAAgB;uBAAKA,QAAQ,cAAc,IAAI,EAAE;iBAAE;YACvD;QACJ,IACA;QAACD;KAAO;AAEhB"}
+{"version":3,"file":"config/list/AuditLogsListConfig.js","sources":["../../../src/config/list/AuditLogsListConfig.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport type { BrowserConfig } from \"./Browser/index.js\";\nimport { Browser } from \"./Browser/index.js\";\nimport type { DetailsConfig } from \"./Details/index.js\";\nimport { Details } from \"./Details/index.js\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst base = createConfigurableComponent<AuditLogsListConfig>(\"AuditLogsListConfig\");\n\nconst ScopedAuditLogsListConfig = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <CompositionScope name={\"auditLogs\"}>\n            <base.Config>{children}</base.Config>\n        </CompositionScope>\n    );\n};\n\nScopedAuditLogsListConfig.displayName = \"AuditLogsListConfig\";\n\nexport const AuditLogsListConfig = Object.assign(ScopedAuditLogsListConfig, { Browser, Details });\nexport const AuditLogsListWithConfig = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <CompositionScope name={\"auditLogs\"}>\n            <base.WithConfig>{children}</base.WithConfig>\n        </CompositionScope>\n    );\n};\n\ninterface AuditLogsListConfig {\n    browser: BrowserConfig;\n    details: DetailsConfig;\n}\n\nexport function useAuditLogsListConfig() {\n    const config = base.useConfig();\n\n    const browser = config.browser || {};\n    const details = config.details || {};\n\n    return useMemo(\n        () => ({\n            browser: {\n                ...browser,\n                filters: [...(browser.filters || [])],\n                filtersToWhere: [...(browser.filtersToWhere || [])]\n            },\n            details: {\n                ...details,\n                tabs: [...(details.tabs || [])]\n            }\n        }),\n        [config]\n    );\n}\n"],"names":["base","createConfigurableComponent","ScopedAuditLogsListConfig","children","CompositionScope","AuditLogsListConfig","Object","Browser","Details","AuditLogsListWithConfig","useAuditLogsListConfig","config","browser","details","useMemo"],"mappings":";;;;;AAQA,MAAMA,OAAOC,4BAAiD;AAE9D,MAAMC,4BAA4B,CAAC,EAAEC,QAAQ,EAAiC,GACnE,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAM;qBACpB,oBAACJ,KAAK,MAAM,QAAEG;AAK1BD,0BAA0B,WAAW,GAAG;AAEjC,MAAMG,sBAAsBC,OAAO,MAAM,CAACJ,2BAA2B;IAAEK,SAAOA;IAAEC,SAAOA;AAAC;AACxF,MAAMC,0BAA0B,CAAC,EAAEN,QAAQ,EAAiC,GACxE,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAM;qBACpB,oBAACJ,KAAK,UAAU,QAAEG;AAUvB,SAASO;IACZ,MAAMC,SAASX,KAAK,SAAS;IAE7B,MAAMY,UAAUD,OAAO,OAAO,IAAI,CAAC;IACnC,MAAME,UAAUF,OAAO,OAAO,IAAI,CAAC;IAEnC,OAAOG,QACH,IAAO;YACH,SAAS;gBACL,GAAGF,OAAO;gBACV,SAAS;uBAAKA,QAAQ,OAAO,IAAI,EAAE;iBAAE;gBACrC,gBAAgB;uBAAKA,QAAQ,cAAc,IAAI,EAAE;iBAAE;YACvD;YACA,SAAS;gBACL,GAAGC,OAAO;gBACV,MAAM;uBAAKA,QAAQ,IAAI,IAAI,EAAE;iBAAE;YACnC;QACJ,IACA;QAACF;KAAO;AAEhB"}

package/config/list/Details/PreviewTab.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { IAuditLog } from "../../../types.js";
+export interface PreviewTabConfig {
+    name: string;
+    label: string;
+    element: React.ReactElement;
+    canRender?: (auditLog: IAuditLog) => boolean;
+}
+export interface PreviewTabProps {
+    name: string;
+    label: string;
+    element: React.ReactElement;
+    canRender?: (auditLog: IAuditLog) => boolean;
+}
+export declare const PreviewTab: ({ name, label, element, canRender }: PreviewTabProps) => React.JSX.Element;

package/config/list/Details/PreviewTab.js

@@ -0,0 +1,32 @@
+import react from "react";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+const PreviewTab = ({ name, label, element, canRender })=>{
+    const getId = useIdGenerator("previewTab");
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: "details",
+        name: "details"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "tabs",
+        array: true
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "label"),
+        name: "label",
+        value: label
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "element"),
+        name: "element",
+        value: element
+    }), canRender ? /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "canRender"),
+        name: "canRender",
+        value: canRender
+    }) : null));
+};
+export { PreviewTab };
+
+//# sourceMappingURL=PreviewTab.js.map

package/config/list/Details/PreviewTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/list/Details/PreviewTab.js","sources":["../../../../src/config/list/Details/PreviewTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { IAuditLog } from \"~/types.js\";\n\nexport interface PreviewTabConfig {\n    name: string;\n    label: string;\n    element: React.ReactElement;\n    canRender?: (auditLog: IAuditLog) => boolean;\n}\n\nexport interface PreviewTabProps {\n    name: string;\n    label: string;\n    element: React.ReactElement;\n    canRender?: (auditLog: IAuditLog) => boolean;\n}\n\nexport const PreviewTab = ({ name, label, element, canRender }: PreviewTabProps) => {\n    const getId = useIdGenerator(\"previewTab\");\n\n    return (\n        <Property id=\"details\" name={\"details\"}>\n            <Property id={getId(name)} name={\"tabs\"} array={true}>\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property id={getId(name, \"label\")} name={\"label\"} value={label} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                {canRender ? (\n                    <Property id={getId(name, \"canRender\")} name={\"canRender\"} value={canRender} />\n                ) : null}\n            </Property>\n        </Property>\n    );\n};\n"],"names":["PreviewTab","name","label","element","canRender","getId","useIdGenerator","Property"],"mappings":";;AAkBO,MAAMA,aAAa,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,OAAO,EAAEC,SAAS,EAAmB;IAC3E,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,UAAQA;QAAC,IAAG;QAAU,MAAM;qBACzB,oBAACA,UAAQA;QAAC,IAAIF,MAAMJ;QAAO,MAAM;QAAQ,OAAO;qBAC5C,oBAACM,UAAQA;QAAC,IAAIF,MAAMJ,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACM,UAAQA;QAAC,IAAIF,MAAMJ,MAAM;QAAU,MAAM;QAAS,OAAOC;sBAC1D,oBAACK,UAAQA;QAAC,IAAIF,MAAMJ,MAAM;QAAY,MAAM;QAAW,OAAOE;QAC7DC,YAAY,WAAZA,GACG,oBAACG,UAAQA;QAAC,IAAIF,MAAMJ,MAAM;QAAc,MAAM;QAAa,OAAOG;SAClE;AAIpB"}

package/config/list/Details/index.d.ts

@@ -0,0 +1,8 @@
+import type { PreviewTabConfig } from "./PreviewTab.js";
+import { PreviewTab } from "./PreviewTab.js";
+export interface DetailsConfig {
+    tabs: PreviewTabConfig[];
+}
+export declare const Details: {
+    Tab: typeof PreviewTab;
+};

package/config/list/Details/index.js

@@ -0,0 +1,7 @@
+import { PreviewTab } from "./PreviewTab.js";
+const Details = {
+    Tab: PreviewTab
+};
+export { Details };
+
+//# sourceMappingURL=index.js.map

package/config/list/Details/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/list/Details/index.js","sources":["../../../../src/config/list/Details/index.ts"],"sourcesContent":["import type { PreviewTabConfig } from \"./PreviewTab.js\";\nimport { PreviewTab } from \"./PreviewTab.js\";\n\nexport interface DetailsConfig {\n    tabs: PreviewTabConfig[];\n}\n\nexport const Details = {\n    Tab: PreviewTab\n};\n"],"names":["Details","PreviewTab"],"mappings":";AAOO,MAAMA,UAAU;IACnB,KAAKC;AACT"}

package/hooks/schema.d.ts

@@ -1,5 +1,4 @@
 import zod from "zod";
-import { ActionType } from "../types.js";
 export declare const auditLogSchema: zod.ZodObject<{
     id: zod.ZodString;
     createdBy: zod.ZodObject<{
@@ -9,7 +8,7 @@ export declare const auditLogSchema: zod.ZodObject<{
     }, zod.core.$strip>;
     createdOn: zod.ZodPreprocess<zod.ZodDate>;
     app: zod.ZodString;
-    action: zod.ZodEnum<typeof ActionType>;
+    action: zod.ZodString;
     message: zod.ZodString;
     entity: zod.ZodString;
     entityId: zod.ZodString;
@@ -26,7 +25,7 @@ export declare const listAuditLogsSchema: zod.ZodArray<zod.ZodObject<{
     }, zod.core.$strip>;
     createdOn: zod.ZodPreprocess<zod.ZodDate>;
     app: zod.ZodString;
-    action: zod.ZodEnum<typeof ActionType>;
+    action: zod.ZodString;
     message: zod.ZodString;
     entity: zod.ZodString;
     entityId: zod.ZodString;

package/hooks/schema.js

@@ -1,5 +1,4 @@
 import zod from "zod";
-import { ActionType } from "../types.js";
 const auditLogSchema = zod.object({
     id: zod.string(),
     createdBy: zod.object({
@@ -12,7 +11,7 @@ const auditLogSchema = zod.object({
         return value;
     }, zod.date()),
     app: zod.string(),
-    action: zod.nativeEnum(ActionType),
+    action: zod.string(),
     message: zod.string(),
     entity: zod.string(),
     entityId: zod.string(),

package/hooks/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks/schema.js","sources":["../../src/hooks/schema.ts"],"sourcesContent":["import zod from \"zod\";\nimport { ActionType } from \"~/types.js\";\n\nexport const auditLogSchema = zod.object({\n    id: zod.string(),\n    createdBy: zod.object({\n        id: zod.string(),\n        displayName: zod.string().optional(),\n        type: zod.string().optional()\n    }),\n    createdOn: zod.preprocess(value => {\n        if (typeof value === \"string\" || value instanceof Date) {\n            return new Date(value);\n        }\n        return value;\n    }, zod.date()),\n    app: zod.string(),\n    action: zod.nativeEnum(ActionType),\n    message: zod.string(),\n    entity: zod.string(),\n    entityId: zod.string(),\n    tags: zod.array(zod.string()),\n    expiresAt: zod\n        .preprocess(value => {\n            if (typeof value === \"string\" || value instanceof Date) {\n                return new Date(value);\n            }\n            return undefined;\n        }, zod.date().optional().nullish())\n        .optional()\n        .nullish()\n        .transform(value => {\n            return value || undefined;\n        }),\n    content: zod.string()\n});\n\nexport const listAuditLogsSchema = zod.array(auditLogSchema);\n"],"names":["auditLogSchema","zod","value","Date","ActionType","undefined","listAuditLogsSchema"],"mappings":";;AAGO,MAAMA,iBAAiBC,IAAI,MAAM,CAAC;IACrC,IAAIA,IAAI,MAAM;IACd,WAAWA,IAAI,MAAM,CAAC;QAClB,IAAIA,IAAI,MAAM;QACd,aAAaA,IAAI,MAAM,GAAG,QAAQ;QAClC,MAAMA,IAAI,MAAM,GAAG,QAAQ;IAC/B;IACA,WAAWA,IAAI,UAAU,CAACC,CAAAA;QACtB,IAAI,AAAiB,YAAjB,OAAOA,SAAsBA,iBAAiBC,MAC9C,OAAO,IAAIA,KAAKD;QAEpB,OAAOA;IACX,GAAGD,IAAI,IAAI;IACX,KAAKA,IAAI,MAAM;IACf,QAAQA,IAAI,UAAU,CAACG;IACvB,SAASH,IAAI,MAAM;IACnB,QAAQA,IAAI,MAAM;IAClB,UAAUA,IAAI,MAAM;IACpB,MAAMA,IAAI,KAAK,CAACA,IAAI,MAAM;IAC1B,WAAWA,IAAAA,UACI,CAACC,CAAAA;QACR,IAAI,AAAiB,YAAjB,OAAOA,SAAsBA,iBAAiBC,MAC9C,OAAO,IAAIA,KAAKD;IAGxB,GAAGD,IAAI,IAAI,GAAG,QAAQ,GAAG,OAAO,IAC/B,QAAQ,GACR,OAAO,GACP,SAAS,CAACC,CAAAA,QACAA,SAASG;IAExB,SAASJ,IAAI,MAAM;AACvB;AAEO,MAAMK,sBAAsBL,IAAI,KAAK,CAACD"}
+{"version":3,"file":"hooks/schema.js","sources":["../../src/hooks/schema.ts"],"sourcesContent":["import zod from \"zod\";\n\nexport const auditLogSchema = zod.object({\n    id: zod.string(),\n    createdBy: zod.object({\n        id: zod.string(),\n        displayName: zod.string().optional(),\n        type: zod.string().optional()\n    }),\n    createdOn: zod.preprocess(value => {\n        if (typeof value === \"string\" || value instanceof Date) {\n            return new Date(value);\n        }\n        return value;\n    }, zod.date()),\n    app: zod.string(),\n    action: zod.string(),\n    message: zod.string(),\n    entity: zod.string(),\n    entityId: zod.string(),\n    tags: zod.array(zod.string()),\n    expiresAt: zod\n        .preprocess(value => {\n            if (typeof value === \"string\" || value instanceof Date) {\n                return new Date(value);\n            }\n            return undefined;\n        }, zod.date().optional().nullish())\n        .optional()\n        .nullish()\n        .transform(value => {\n            return value || undefined;\n        }),\n    content: zod.string()\n});\n\nexport const listAuditLogsSchema = zod.array(auditLogSchema);\n"],"names":["auditLogSchema","zod","value","Date","undefined","listAuditLogsSchema"],"mappings":";AAEO,MAAMA,iBAAiBC,IAAI,MAAM,CAAC;IACrC,IAAIA,IAAI,MAAM;IACd,WAAWA,IAAI,MAAM,CAAC;QAClB,IAAIA,IAAI,MAAM;QACd,aAAaA,IAAI,MAAM,GAAG,QAAQ;QAClC,MAAMA,IAAI,MAAM,GAAG,QAAQ;IAC/B;IACA,WAAWA,IAAI,UAAU,CAACC,CAAAA;QACtB,IAAI,AAAiB,YAAjB,OAAOA,SAAsBA,iBAAiBC,MAC9C,OAAO,IAAIA,KAAKD;QAEpB,OAAOA;IACX,GAAGD,IAAI,IAAI;IACX,KAAKA,IAAI,MAAM;IACf,QAAQA,IAAI,MAAM;IAClB,SAASA,IAAI,MAAM;IACnB,QAAQA,IAAI,MAAM;IAClB,UAAUA,IAAI,MAAM;IACpB,MAAMA,IAAI,KAAK,CAACA,IAAI,MAAM;IAC1B,WAAWA,IAAAA,UACI,CAACC,CAAAA;QACR,IAAI,AAAiB,YAAjB,OAAOA,SAAsBA,iBAAiBC,MAC9C,OAAO,IAAIA,KAAKD;IAGxB,GAAGD,IAAI,IAAI,GAAG,QAAQ,GAAG,OAAO,IAC/B,QAAQ,GACR,OAAO,GACP,SAAS,CAACC,CAAAA,QACAA,SAASE;IAExB,SAASH,IAAI,MAAM;AACvB;AAEO,MAAMI,sBAAsBJ,IAAI,KAAK,CAACD"}

package/hooks/useAuditLogsList.d.ts

@@ -12,8 +12,5 @@ export interface UseAuditLogs {
     after?: string;
     sorting: DataTableSorting;
     setSorting: OnDataTableSortingChange;
-    showingFilters: boolean;
-    showFilters: () => void;
-    hideFilters: () => void;
 }
 export declare const useAuditLogsList: () => UseAuditLogs;

package/hooks/useAuditLogsList.js

@@ -15,13 +15,20 @@ const useAuditLogsList = ()=>{
         hasMoreItems: false,
         cursor: null
     });
+    const resetPagination = useCallback(()=>{
+        setAccumulatedRecords([]);
+        setMeta({
+            hasMoreItems: false,
+            cursor: null
+        });
+    }, []);
     const setWhere = useCallback((where)=>{
         setVariables((prev)=>({
                 ...prev,
                 where,
                 after: void 0
             }));
-        setAccumulatedRecords([]);
+        resetPagination();
     }, []);
     const setSort = useCallback((sort)=>{
         setVariables((prev)=>({
@@ -29,7 +36,7 @@ const useAuditLogsList = ()=>{
                 sort,
                 after: void 0
             }));
-        setAccumulatedRecords([]);
+        resetPagination();
     }, []);
     const setAfter = useCallback((after)=>{
         setVariables((prev)=>({
@@ -43,7 +50,6 @@ const useAuditLogsList = ()=>{
                 limit
             }));
     }, []);
-    const [showingFilters, setShowingFilters] = useState(false);
     const [acoSorting, setAcoSorting] = useState([]);
     useEffect(()=>{
         const sort = acoSorting[0];
@@ -81,20 +87,13 @@ const useAuditLogsList = ()=>{
         records: accumulatedRecords,
         meta,
         listMoreRecords: ()=>{
-            setAfter(meta.cursor || void 0);
+            if (!loading && meta.cursor) setAfter(meta.cursor);
         },
         setWhere,
         sorting,
         setSorting: setAcoSorting,
         setLimit,
-        isListLoadingMore: loading && !!variables.after,
-        showingFilters,
-        showFilters: ()=>{
-            setShowingFilters(true);
-        },
-        hideFilters: ()=>{
-            setShowingFilters(false);
-        }
+        isListLoadingMore: loading && !!variables.after
     };
 };
 export { useAuditLogsList };

package/hooks/useAuditLogsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks/useAuditLogsList.js","sources":["../../src/hooks/useAuditLogsList.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { ListAuditLogsFeature } from \"~/features/listAuditLogs/index.js\";\nimport type { IListAuditLogsVariablesWhere } from \"~/hooks/graphql.js\";\nimport type { IAuditLog, IAuditLogsMeta } from \"~/types.js\";\nimport type { OnDataTableSortingChange, DataTableSorting } from \"@webiny/admin-ui\";\n\nexport interface UseAuditLogs {\n    isListLoading: boolean;\n    isListLoadingMore: boolean;\n    records: IAuditLog[];\n    meta: IAuditLogsMeta;\n    listMoreRecords: () => void;\n    setWhere: (where: Partial<IListAuditLogsVariablesWhere>) => void;\n    setLimit: (limit: number) => void;\n    after?: string;\n    sorting: DataTableSorting;\n    setSorting: OnDataTableSortingChange;\n    showingFilters: boolean;\n    showFilters: () => void;\n    hideFilters: () => void;\n}\n\ninterface ListVariables {\n    where: Record<string, unknown>;\n    after: string | undefined;\n    sort: \"ASC\" | \"DESC\";\n    limit: number;\n}\n\nexport const useAuditLogsList = (): UseAuditLogs => {\n    const { useCase } = useFeature(ListAuditLogsFeature);\n\n    const [variables, setVariables] = useState<ListVariables>({\n        where: {},\n        after: undefined,\n        sort: \"DESC\",\n        limit: 25\n    });\n\n    const [accumulatedRecords, setAccumulatedRecords] = useState<IAuditLog[]>([]);\n    const [loading, setLoading] = useState(true);\n    const [meta, setMeta] = useState<IAuditLogsMeta>({\n        hasMoreItems: false,\n        cursor: null\n    });\n\n    const setWhere = useCallback((where: Partial<IListAuditLogsVariablesWhere>) => {\n        setVariables(prev => ({ ...prev, where, after: undefined }));\n        setAccumulatedRecords([]);\n    }, []);\n\n    const setSort = useCallback((sort: \"ASC\" | \"DESC\") => {\n        setVariables(prev => ({ ...prev, sort, after: undefined }));\n        setAccumulatedRecords([]);\n    }, []);\n\n    const setAfter = useCallback((after?: string) => {\n        setVariables(prev => ({ ...prev, after }));\n    }, []);\n\n    const setLimit = useCallback((limit: number) => {\n        setVariables(prev => ({ ...prev, limit }));\n    }, []);\n\n    const [showingFilters, setShowingFilters] = useState(false);\n    const [acoSorting, setAcoSorting] = useState<DataTableSorting>([]);\n\n    useEffect(() => {\n        const sort = acoSorting[0];\n        if (!sort) {\n            return;\n        }\n        setSort(sort.desc ? \"DESC\" : \"ASC\");\n    }, [acoSorting]);\n\n    const requestIdRef = useRef(0);\n\n    useEffect(() => {\n        setLoading(true);\n        const requestId = ++requestIdRef.current;\n\n        useCase.execute(variables).then(result => {\n            if (requestId !== requestIdRef.current) {\n                return;\n            }\n\n            if (variables.after) {\n                setAccumulatedRecords(prev => [...prev, ...result.records]);\n            } else {\n                setAccumulatedRecords(result.records);\n            }\n\n            setMeta(result.meta);\n            setLoading(false);\n        });\n    }, [variables]);\n\n    const sorting = useMemo((): DataTableSorting => {\n        return [\n            {\n                id: \"createdOn\",\n                desc: variables.sort === \"DESC\"\n            }\n        ];\n    }, [variables.sort]);\n\n    return {\n        isListLoading: loading,\n        records: accumulatedRecords,\n        meta,\n        listMoreRecords: () => {\n            setAfter(meta.cursor || undefined);\n        },\n        setWhere,\n        sorting,\n        setSorting: setAcoSorting,\n        setLimit,\n        isListLoadingMore: loading && !!variables.after,\n        showingFilters,\n        showFilters: () => {\n            setShowingFilters(true);\n        },\n        hideFilters: () => {\n            setShowingFilters(false);\n        }\n    };\n};\n"],"names":["useAuditLogsList","useCase","useFeature","ListAuditLogsFeature","variables","setVariables","useState","undefined","accumulatedRecords","setAccumulatedRecords","loading","setLoading","meta","setMeta","setWhere","useCallback","where","prev","setSort","sort","setAfter","after","setLimit","limit","showingFilters","setShowingFilters","acoSorting","setAcoSorting","useEffect","requestIdRef","useRef","requestId","result","sorting","useMemo"],"mappings":";;;AA8BO,MAAMA,mBAAmB;IAC5B,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAE/B,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAwB;QACtD,OAAO,CAAC;QACR,OAAOC;QACP,MAAM;QACN,OAAO;IACX;IAEA,MAAM,CAACC,oBAAoBC,sBAAsB,GAAGH,SAAsB,EAAE;IAC5E,MAAM,CAACI,SAASC,WAAW,GAAGL,SAAS;IACvC,MAAM,CAACM,MAAMC,QAAQ,GAAGP,SAAyB;QAC7C,cAAc;QACd,QAAQ;IACZ;IAEA,MAAMQ,WAAWC,YAAY,CAACC;QAC1BX,aAAaY,CAAAA,OAAS;gBAAE,GAAGA,IAAI;gBAAED;gBAAO,OAAOT;YAAU;QACzDE,sBAAsB,EAAE;IAC5B,GAAG,EAAE;IAEL,MAAMS,UAAUH,YAAY,CAACI;QACzBd,aAAaY,CAAAA,OAAS;gBAAE,GAAGA,IAAI;gBAAEE;gBAAM,OAAOZ;YAAU;QACxDE,sBAAsB,EAAE;IAC5B,GAAG,EAAE;IAEL,MAAMW,WAAWL,YAAY,CAACM;QAC1BhB,aAAaY,CAAAA,OAAS;gBAAE,GAAGA,IAAI;gBAAEI;YAAM;IAC3C,GAAG,EAAE;IAEL,MAAMC,WAAWP,YAAY,CAACQ;QAC1BlB,aAAaY,CAAAA,OAAS;gBAAE,GAAGA,IAAI;gBAAEM;YAAM;IAC3C,GAAG,EAAE;IAEL,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGnB,SAAS;IACrD,MAAM,CAACoB,YAAYC,cAAc,GAAGrB,SAA2B,EAAE;IAEjEsB,UAAU;QACN,MAAMT,OAAOO,UAAU,CAAC,EAAE;QAC1B,IAAI,CAACP,MACD;QAEJD,QAAQC,KAAK,IAAI,GAAG,SAAS;IACjC,GAAG;QAACO;KAAW;IAEf,MAAMG,eAAeC,OAAO;IAE5BF,UAAU;QACNjB,WAAW;QACX,MAAMoB,YAAY,EAAEF,aAAa,OAAO;QAExC5B,QAAQ,OAAO,CAACG,WAAW,IAAI,CAAC4B,CAAAA;YAC5B,IAAID,cAAcF,aAAa,OAAO,EAClC;YAGAzB,UAAU,KAAK,GACfK,sBAAsBQ,CAAAA,OAAQ;uBAAIA;uBAASe,OAAO,OAAO;iBAAC,IAE1DvB,sBAAsBuB,OAAO,OAAO;YAGxCnB,QAAQmB,OAAO,IAAI;YACnBrB,WAAW;QACf;IACJ,GAAG;QAACP;KAAU;IAEd,MAAM6B,UAAUC,QAAQ,IACb;YACH;gBACI,IAAI;gBACJ,MAAM9B,AAAmB,WAAnBA,UAAU,IAAI;YACxB;SACH,EACF;QAACA,UAAU,IAAI;KAAC;IAEnB,OAAO;QACH,eAAeM;QACf,SAASF;QACTI;QACA,iBAAiB;YACbQ,SAASR,KAAK,MAAM,IAAIL;QAC5B;QACAO;QACAmB;QACA,YAAYN;QACZL;QACA,mBAAmBZ,WAAW,CAAC,CAACN,UAAU,KAAK;QAC/CoB;QACA,aAAa;YACTC,kBAAkB;QACtB;QACA,aAAa;YACTA,kBAAkB;QACtB;IACJ;AACJ"}
+{"version":3,"file":"hooks/useAuditLogsList.js","sources":["../../src/hooks/useAuditLogsList.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { ListAuditLogsFeature } from \"~/features/listAuditLogs/index.js\";\nimport type { IListAuditLogsVariablesWhere } from \"~/hooks/graphql.js\";\nimport type { IAuditLog, IAuditLogsMeta } from \"~/types.js\";\nimport type { OnDataTableSortingChange, DataTableSorting } from \"@webiny/admin-ui\";\n\nexport interface UseAuditLogs {\n    isListLoading: boolean;\n    isListLoadingMore: boolean;\n    records: IAuditLog[];\n    meta: IAuditLogsMeta;\n    listMoreRecords: () => void;\n    setWhere: (where: Partial<IListAuditLogsVariablesWhere>) => void;\n    setLimit: (limit: number) => void;\n    after?: string;\n    sorting: DataTableSorting;\n    setSorting: OnDataTableSortingChange;\n}\n\ninterface ListVariables {\n    where: Record<string, unknown>;\n    after: string | undefined;\n    sort: \"ASC\" | \"DESC\";\n    limit: number;\n}\n\nexport const useAuditLogsList = (): UseAuditLogs => {\n    const { useCase } = useFeature(ListAuditLogsFeature);\n\n    const [variables, setVariables] = useState<ListVariables>({\n        where: {},\n        after: undefined,\n        sort: \"DESC\",\n        limit: 25\n    });\n\n    const [accumulatedRecords, setAccumulatedRecords] = useState<IAuditLog[]>([]);\n    const [loading, setLoading] = useState(true);\n    const [meta, setMeta] = useState<IAuditLogsMeta>({\n        hasMoreItems: false,\n        cursor: null\n    });\n\n    const resetPagination = useCallback(() => {\n        setAccumulatedRecords([]);\n        setMeta({ hasMoreItems: false, cursor: null });\n    }, []);\n\n    const setWhere = useCallback((where: Partial<IListAuditLogsVariablesWhere>) => {\n        setVariables(prev => ({ ...prev, where, after: undefined }));\n        resetPagination();\n    }, []);\n\n    const setSort = useCallback((sort: \"ASC\" | \"DESC\") => {\n        setVariables(prev => ({ ...prev, sort, after: undefined }));\n        resetPagination();\n    }, []);\n\n    const setAfter = useCallback((after?: string) => {\n        setVariables(prev => ({ ...prev, after }));\n    }, []);\n\n    const setLimit = useCallback((limit: number) => {\n        setVariables(prev => ({ ...prev, limit }));\n    }, []);\n\n    const [acoSorting, setAcoSorting] = useState<DataTableSorting>([]);\n\n    useEffect(() => {\n        const sort = acoSorting[0];\n        if (!sort) {\n            return;\n        }\n        setSort(sort.desc ? \"DESC\" : \"ASC\");\n    }, [acoSorting]);\n\n    const requestIdRef = useRef(0);\n\n    useEffect(() => {\n        setLoading(true);\n        const requestId = ++requestIdRef.current;\n\n        useCase.execute(variables).then(result => {\n            if (requestId !== requestIdRef.current) {\n                return;\n            }\n\n            if (variables.after) {\n                setAccumulatedRecords(prev => [...prev, ...result.records]);\n            } else {\n                setAccumulatedRecords(result.records);\n            }\n\n            setMeta(result.meta);\n            setLoading(false);\n        });\n    }, [variables]);\n\n    const sorting = useMemo((): DataTableSorting => {\n        return [\n            {\n                id: \"createdOn\",\n                desc: variables.sort === \"DESC\"\n            }\n        ];\n    }, [variables.sort]);\n\n    return {\n        isListLoading: loading,\n        records: accumulatedRecords,\n        meta,\n        listMoreRecords: () => {\n            if (!loading && meta.cursor) {\n                setAfter(meta.cursor);\n            }\n        },\n        setWhere,\n        sorting,\n        setSorting: setAcoSorting,\n        setLimit,\n        isListLoadingMore: loading && !!variables.after\n    };\n};\n"],"names":["useAuditLogsList","useCase","useFeature","ListAuditLogsFeature","variables","setVariables","useState","undefined","accumulatedRecords","setAccumulatedRecords","loading","setLoading","meta","setMeta","resetPagination","useCallback","setWhere","where","prev","setSort","sort","setAfter","after","setLimit","limit","acoSorting","setAcoSorting","useEffect","requestIdRef","useRef","requestId","result","sorting","useMemo"],"mappings":";;;AA2BO,MAAMA,mBAAmB;IAC5B,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAE/B,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAwB;QACtD,OAAO,CAAC;QACR,OAAOC;QACP,MAAM;QACN,OAAO;IACX;IAEA,MAAM,CAACC,oBAAoBC,sBAAsB,GAAGH,SAAsB,EAAE;IAC5E,MAAM,CAACI,SAASC,WAAW,GAAGL,SAAS;IACvC,MAAM,CAACM,MAAMC,QAAQ,GAAGP,SAAyB;QAC7C,cAAc;QACd,QAAQ;IACZ;IAEA,MAAMQ,kBAAkBC,YAAY;QAChCN,sBAAsB,EAAE;QACxBI,QAAQ;YAAE,cAAc;YAAO,QAAQ;QAAK;IAChD,GAAG,EAAE;IAEL,MAAMG,WAAWD,YAAY,CAACE;QAC1BZ,aAAaa,CAAAA,OAAS;gBAAE,GAAGA,IAAI;gBAAED;gBAAO,OAAOV;YAAU;QACzDO;IACJ,GAAG,EAAE;IAEL,MAAMK,UAAUJ,YAAY,CAACK;QACzBf,aAAaa,CAAAA,OAAS;gBAAE,GAAGA,IAAI;gBAAEE;gBAAM,OAAOb;YAAU;QACxDO;IACJ,GAAG,EAAE;IAEL,MAAMO,WAAWN,YAAY,CAACO;QAC1BjB,aAAaa,CAAAA,OAAS;gBAAE,GAAGA,IAAI;gBAAEI;YAAM;IAC3C,GAAG,EAAE;IAEL,MAAMC,WAAWR,YAAY,CAACS;QAC1BnB,aAAaa,CAAAA,OAAS;gBAAE,GAAGA,IAAI;gBAAEM;YAAM;IAC3C,GAAG,EAAE;IAEL,MAAM,CAACC,YAAYC,cAAc,GAAGpB,SAA2B,EAAE;IAEjEqB,UAAU;QACN,MAAMP,OAAOK,UAAU,CAAC,EAAE;QAC1B,IAAI,CAACL,MACD;QAEJD,QAAQC,KAAK,IAAI,GAAG,SAAS;IACjC,GAAG;QAACK;KAAW;IAEf,MAAMG,eAAeC,OAAO;IAE5BF,UAAU;QACNhB,WAAW;QACX,MAAMmB,YAAY,EAAEF,aAAa,OAAO;QAExC3B,QAAQ,OAAO,CAACG,WAAW,IAAI,CAAC2B,CAAAA;YAC5B,IAAID,cAAcF,aAAa,OAAO,EAClC;YAGAxB,UAAU,KAAK,GACfK,sBAAsBS,CAAAA,OAAQ;uBAAIA;uBAASa,OAAO,OAAO;iBAAC,IAE1DtB,sBAAsBsB,OAAO,OAAO;YAGxClB,QAAQkB,OAAO,IAAI;YACnBpB,WAAW;QACf;IACJ,GAAG;QAACP;KAAU;IAEd,MAAM4B,UAAUC,QAAQ,IACb;YACH;gBACI,IAAI;gBACJ,MAAM7B,AAAmB,WAAnBA,UAAU,IAAI;YACxB;SACH,EACF;QAACA,UAAU,IAAI;KAAC;IAEnB,OAAO;QACH,eAAeM;QACf,SAASF;QACTI;QACA,iBAAiB;YACb,IAAI,CAACF,WAAWE,KAAK,MAAM,EACvBS,SAAST,KAAK,MAAM;QAE5B;QACAI;QACAgB;QACA,YAAYN;QACZH;QACA,mBAAmBb,WAAW,CAAC,CAACN,UAAU,KAAK;IACnD;AACJ"}

package/index.js

@@ -1,5 +1,5 @@
 import react from "react";
-import { AdminConfig, AdminLayout, HasPermission, RegisterFeature, useRouter, useWcp } from "@webiny/app-admin";
+import { AdminConfig, AdminLayout, HasPermission, RegisterFeature, useFeatureFlags, useRouter } from "@webiny/app-admin";
 import { ReactComponent } from "@webiny/icons/manage_search.svg";
 import { LogsModule } from "./views/Logs/LogsModule.js";
 import { SecurityPermission } from "./SecurityPermission.js";
@@ -8,16 +8,20 @@ import { AuditLogsListWithConfig } from "./config/list/index.js";
 import { Routes } from "./routes.js";
 import { AlPermissionsFeature } from "./features/permissions/feature.js";
 import { ListAuditLogsFeature } from "./features/listAuditLogs/index.js";
+import { AuditLogDetailsPresenterFeature } from "./views/Logs/Preview/feature.js";
+import { AiPromptPreviewTabs } from "./views/Logs/Preview/tabs/AiPromptTabs.js";
 const { Menu: Menu, Route: Route } = AdminConfig;
 const AuditLogs = ()=>{
-    const wcp = useWcp();
+    const featureFlags = useFeatureFlags();
     const router = useRouter();
-    if (!wcp.canUseAuditLogs()) return null;
+    if (!featureFlags.isEnabled("auditLogs")) return null;
     return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(RegisterFeature, {
         feature: AlPermissionsFeature
     }), /*#__PURE__*/ react.createElement(RegisterFeature, {
         feature: ListAuditLogsFeature
-    }), /*#__PURE__*/ react.createElement(LogsModule, null), /*#__PURE__*/ react.createElement(SecurityPermission, null), /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(HasPermission, {
+    }), /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: AuditLogDetailsPresenterFeature
+    }), /*#__PURE__*/ react.createElement(LogsModule, null), /*#__PURE__*/ react.createElement(SecurityPermission, null), /*#__PURE__*/ react.createElement(AiPromptPreviewTabs, null), /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(HasPermission, {
         any: [
             "al.*"
         ]
@@ -36,7 +40,10 @@ const AuditLogs = ()=>{
         route: Routes.AuditLogsList,
         element: /*#__PURE__*/ react.createElement(AdminLayout, {
             title: "Audit Logs - Logs"
-        }, /*#__PURE__*/ react.createElement(AuditLogsListWithConfig, null, /*#__PURE__*/ react.createElement(LogsView, null)))
+        }, /*#__PURE__*/ react.createElement(AdminConfig.Breadcrumb, {
+            name: "auditLogs",
+            label: "Audit Logs"
+        }), /*#__PURE__*/ react.createElement(AuditLogsListWithConfig, null, /*#__PURE__*/ react.createElement(LogsView, null)))
     }))));
 };
 export { AuditLogs };

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as Icon } from \"@webiny/icons/manage_search.svg\";\nimport { AdminConfig, AdminLayout, RegisterFeature, useWcp } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-admin\";\nimport { LogsModule } from \"~/views/Logs/LogsModule.js\";\nimport { SecurityPermission } from \"~/SecurityPermission.js\";\nimport { LogsView } from \"~/views/Logs/LogsView.js\";\nimport { AuditLogsListWithConfig } from \"~/config/list/index.js\";\nimport { Routes } from \"~/routes.js\";\nimport { AlPermissionsFeature } from \"~/features/permissions/feature.js\";\nimport { ListAuditLogsFeature } from \"~/features/listAuditLogs/index.js\";\n\nconst { Menu, Route } = AdminConfig;\n\nexport const AuditLogs = () => {\n    const wcp = useWcp();\n    const router = useRouter();\n\n    if (!wcp.canUseAuditLogs()) {\n        return null;\n    }\n\n    return (\n        <>\n            <RegisterFeature feature={AlPermissionsFeature} />\n            <RegisterFeature feature={ListAuditLogsFeature} />\n            <LogsModule />\n            <SecurityPermission />\n            <AdminConfig>\n                <HasPermission any={[\"al.*\"]}>\n                    <Menu\n                        name=\"auditLogs\"\n                        pinnable\n                        element={\n                            <Menu.Link\n                                text={\"Audit Logs\"}\n                                icon={<Menu.Link.Icon element={<Icon />} label={\"Audit Logs\"} />}\n                                to={router.getLink(Routes.AuditLogsList)}\n                            />\n                        }\n                    />\n                    <Route\n                        route={Routes.AuditLogsList}\n                        element={\n                            <AdminLayout title={\"Audit Logs - Logs\"}>\n                                <AuditLogsListWithConfig>\n                                    <LogsView />\n                                </AuditLogsListWithConfig>\n                            </AdminLayout>\n                        }\n                    />\n                </HasPermission>\n            </AdminConfig>\n        </>\n    );\n};\n"],"names":["Menu","Route","AdminConfig","AuditLogs","wcp","useWcp","router","useRouter","RegisterFeature","AlPermissionsFeature","ListAuditLogsFeature","LogsModule","SecurityPermission","HasPermission","Icon","Routes","AdminLayout","AuditLogsListWithConfig","LogsView"],"mappings":";;;;;;;;;;AAaA,MAAM,EAAEA,MAAAA,IAAI,EAAEC,OAAAA,KAAK,EAAE,GAAGC;AAEjB,MAAMC,YAAY;IACrB,MAAMC,MAAMC;IACZ,MAAMC,SAASC;IAEf,IAAI,CAACH,IAAI,eAAe,IACpB,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAACI,iBAAeA;QAAC,SAASC;sBAC1B,oBAACD,iBAAeA;QAAC,SAASE;sBAC1B,oBAACC,YAAUA,OAAAA,WAAAA,GACX,oBAACC,oBAAkBA,OAAAA,WAAAA,GACnB,oBAACV,aAAWA,MAAAA,WAAAA,GACR,oBAACW,eAAaA;QAAC,KAAK;YAAC;SAAO;qBACxB,oBAACb,MAAIA;QACD,MAAK;QACL;QACA,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,uBAAS,oBAACc,gBAAIA;gBAAK,OAAO;;YAChD,IAAIR,OAAO,OAAO,CAACS,OAAO,aAAa;;sBAInD,oBAACd,OAAKA;QACF,OAAOc,OAAO,aAAa;QAC3B,uBACI,oBAACC,aAAWA;YAAC,OAAO;yBAChB,oBAACC,yBAAuBA,MAAAA,WAAAA,GACpB,oBAACC,UAAQA;;AAS7C"}
+{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as Icon } from \"@webiny/icons/manage_search.svg\";\nimport { AdminConfig, AdminLayout, RegisterFeature, useFeatureFlags } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-admin\";\nimport { LogsModule } from \"~/views/Logs/LogsModule.js\";\nimport { SecurityPermission } from \"~/SecurityPermission.js\";\nimport { LogsView } from \"~/views/Logs/LogsView.js\";\nimport { AuditLogsListWithConfig } from \"~/config/list/index.js\";\nimport { Routes } from \"~/routes.js\";\nimport { AlPermissionsFeature } from \"~/features/permissions/feature.js\";\nimport { ListAuditLogsFeature } from \"~/features/listAuditLogs/index.js\";\nimport { AuditLogDetailsPresenterFeature } from \"~/views/Logs/Preview/feature.js\";\nimport { AiPromptPreviewTabs } from \"~/views/Logs/Preview/tabs/AiPromptTabs.js\";\n\nconst { Menu, Route } = AdminConfig;\n\nexport const AuditLogs = () => {\n    const featureFlags = useFeatureFlags();\n    const router = useRouter();\n\n    if (!featureFlags.isEnabled(\"auditLogs\")) {\n        return null;\n    }\n\n    return (\n        <>\n            <RegisterFeature feature={AlPermissionsFeature} />\n            <RegisterFeature feature={ListAuditLogsFeature} />\n            <RegisterFeature feature={AuditLogDetailsPresenterFeature} />\n            <LogsModule />\n            <SecurityPermission />\n            <AiPromptPreviewTabs />\n            <AdminConfig>\n                <HasPermission any={[\"al.*\"]}>\n                    <Menu\n                        name=\"auditLogs\"\n                        pinnable\n                        element={\n                            <Menu.Link\n                                text={\"Audit Logs\"}\n                                icon={<Menu.Link.Icon element={<Icon />} label={\"Audit Logs\"} />}\n                                to={router.getLink(Routes.AuditLogsList)}\n                            />\n                        }\n                    />\n                    <Route\n                        route={Routes.AuditLogsList}\n                        element={\n                            <AdminLayout title={\"Audit Logs - Logs\"}>\n                                <AdminConfig.Breadcrumb name={\"auditLogs\"} label={\"Audit Logs\"} />\n                                <AuditLogsListWithConfig>\n                                    <LogsView />\n                                </AuditLogsListWithConfig>\n                            </AdminLayout>\n                        }\n                    />\n                </HasPermission>\n            </AdminConfig>\n        </>\n    );\n};\n"],"names":["Menu","Route","AdminConfig","AuditLogs","featureFlags","useFeatureFlags","router","useRouter","RegisterFeature","AlPermissionsFeature","ListAuditLogsFeature","AuditLogDetailsPresenterFeature","LogsModule","SecurityPermission","AiPromptPreviewTabs","HasPermission","Icon","Routes","AdminLayout","AuditLogsListWithConfig","LogsView"],"mappings":";;;;;;;;;;;;AAeA,MAAM,EAAEA,MAAAA,IAAI,EAAEC,OAAAA,KAAK,EAAE,GAAGC;AAEjB,MAAMC,YAAY;IACrB,MAAMC,eAAeC;IACrB,MAAMC,SAASC;IAEf,IAAI,CAACH,aAAa,SAAS,CAAC,cACxB,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAACI,iBAAeA;QAAC,SAASC;sBAC1B,oBAACD,iBAAeA;QAAC,SAASE;sBAC1B,oBAACF,iBAAeA;QAAC,SAASG;sBAC1B,oBAACC,YAAUA,OAAAA,WAAAA,GACX,oBAACC,oBAAkBA,OAAAA,WAAAA,GACnB,oBAACC,qBAAmBA,OAAAA,WAAAA,GACpB,oBAACZ,aAAWA,MAAAA,WAAAA,GACR,oBAACa,eAAaA;QAAC,KAAK;YAAC;SAAO;qBACxB,oBAACf,MAAIA;QACD,MAAK;QACL;QACA,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,uBAAS,oBAACgB,gBAAIA;gBAAK,OAAO;;YAChD,IAAIV,OAAO,OAAO,CAACW,OAAO,aAAa;;sBAInD,oBAAChB,OAAKA;QACF,OAAOgB,OAAO,aAAa;QAC3B,uBACI,oBAACC,aAAWA;YAAC,OAAO;yBAChB,oBAAChB,YAAY,UAAU;YAAC,MAAM;YAAa,OAAO;0BAClD,oBAACiB,yBAAuBA,MAAAA,WAAAA,GACpB,oBAACC,UAAQA;;AAS7C"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-audit-logs",
-	"version": "6.6.0-alpha.0",
+	"version": "6.6.0-alpha.2",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -13,20 +13,18 @@
 	"description": "",
 	"license": "MIT",
 	"dependencies": {
-		"@emotion/css": "11.13.5",
-		"@emotion/react": "11.14.0",
-		"@emotion/styled": "11.14.1",
-		"@webiny/admin-ui": "6.6.0-alpha.0",
-		"@webiny/app": "6.6.0-alpha.0",
-		"@webiny/app-admin": "6.6.0-alpha.0",
-		"@webiny/common-audit-logs": "6.6.0-alpha.0",
-		"@webiny/feature": "6.6.0-alpha.0",
-		"@webiny/form": "6.6.0-alpha.0",
-		"@webiny/icons": "6.6.0-alpha.0",
-		"@webiny/react-composition": "6.6.0-alpha.0",
-		"@webiny/react-properties": "6.6.0-alpha.0",
+		"@webiny/admin-ui": "6.6.0-alpha.2",
+		"@webiny/app": "6.6.0-alpha.2",
+		"@webiny/app-admin": "6.6.0-alpha.2",
+		"@webiny/common-audit-logs": "6.6.0-alpha.2",
+		"@webiny/feature": "6.6.0-alpha.2",
+		"@webiny/form": "6.6.0-alpha.2",
+		"@webiny/icons": "6.6.0-alpha.2",
+		"@webiny/react-composition": "6.6.0-alpha.2",
+		"@webiny/react-properties": "6.6.0-alpha.2",
 		"date-fns": "4.4.0",
 		"lodash": "4.18.1",
+		"mobx": "7.0.3",
 		"zod": "4.4.3"
 	},
 	"peerDependencies": {
@@ -34,8 +32,8 @@
 	},
 	"devDependencies": {
 		"@types/react": "18.3.31",
-		"@webiny/build-tools": "6.6.0-alpha.0",
-		"execa": "10.0.0",
+		"@webiny/build-tools": "6.6.0-alpha.2",
+		"execa": "10.0.1",
 		"rimraf": "6.1.3",
 		"typescript": "7.0.2"
 	},

package/types.d.ts

@@ -22,7 +22,7 @@ export interface IAuditLogRaw {
     createdBy: IAuditLogCreatedByRaw;
     createdOn: Date;
     app: string;
-    action: ActionType;
+    action: string;
     message: string;
     entity: string;
     entityId: string;
@@ -36,7 +36,7 @@ export interface IAuditLogEntity {
     link?: string;
 }
 export interface IAuditLogAction {
-    value: ActionType;
+    value: string;
     label: string;
 }
 export interface IAuditLog extends Omit<IAuditLogRaw, "entity" | "action" | "createdBy"> {

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

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

package/views/Logs/Filters/FilterByAction.js

@@ -31,12 +31,14 @@ const FilterByAction = ()=>{
     }, [
         data
     ]);
-    if (!data.app || !data.entity) return null;
+    const disabled = !data.app || !data.entity;
     return /*#__PURE__*/ react.createElement(Select, {
         ...bind,
+        label: "Action",
         size: "md",
-        placeholder: "Filter by Action",
-        options: options
+        placeholder: "All actions",
+        options: disabled ? [] : options,
+        disabled: disabled
     });
 };
 export { FilterByAction };

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

@@ -1 +1 @@
-{"version":3,"file":"views/Logs/Filters/FilterByAction.js","sources":["../../../../src/views/Logs/Filters/FilterByAction.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useBind, useForm } from \"@webiny/form\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { apps as auditLogsApps } from \"@webiny/common-audit-logs\";\nimport type { IFilterFormData } from \"~/views/Logs/Filters/types.js\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByAction = () => {\n    const { data } = useForm<IFilterFormData>();\n    const bind = useBind({\n        name: \"action\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        if (!data.app) {\n            return [];\n        }\n\n        const entities = auditLogsApps.find(app => app.app === data.app)?.entities || [];\n        const actions = entities.find(entity => entity.type === data.entity)?.actions || [];\n\n        return [\n            { label: \"All\", value: \"all\" },\n            ...actions.map(entity => ({ label: entity.displayName, value: entity.type }))\n        ];\n    }, [data]);\n\n    if (!data.app || !data.entity) {\n        return null;\n    }\n\n    return <Select {...bind} size={\"md\"} placeholder={\"Filter by Action\"} options={options} />;\n};\n"],"names":["getValidFilterValue","value","FilterByAction","data","useForm","bind","useBind","cb","options","useMemo","entities","auditLogsApps","app","actions","entity","Select"],"mappings":";;;;AAMA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA;AACX;AAEO,MAAMC,iBAAiB;IAC1B,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAaL,KAAK,EAAEM,EAAE;YAClBA,GAAGP,oBAAoBC;QAC3B;IACJ;IAEA,MAAMO,UAAUC,QAAQ;QACpB,IAAI,CAACN,KAAK,GAAG,EACT,OAAO,EAAE;QAGb,MAAMO,WAAWC,KAAc,IAAI,CAACC,CAAAA,MAAOA,IAAI,GAAG,KAAKT,KAAK,GAAG,GAAG,YAAY,EAAE;QAChF,MAAMU,UAAUH,SAAS,IAAI,CAACI,CAAAA,SAAUA,OAAO,IAAI,KAAKX,KAAK,MAAM,GAAG,WAAW,EAAE;QAEnF,OAAO;YACH;gBAAE,OAAO;gBAAO,OAAO;YAAM;eAC1BU,QAAQ,GAAG,CAACC,CAAAA,SAAW;oBAAE,OAAOA,OAAO,WAAW;oBAAE,OAAOA,OAAO,IAAI;gBAAC;SAC7E;IACL,GAAG;QAACX;KAAK;IAET,IAAI,CAACA,KAAK,GAAG,IAAI,CAACA,KAAK,MAAM,EACzB,OAAO;IAGX,OAAO,WAAP,GAAO,oBAACY,QAAMA;QAAE,GAAGV,IAAI;QAAE,MAAM;QAAM,aAAa;QAAoB,SAASG;;AACnF"}
+{"version":3,"file":"views/Logs/Filters/FilterByAction.js","sources":["../../../../src/views/Logs/Filters/FilterByAction.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useBind, useForm } from \"@webiny/form\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { apps as auditLogsApps } from \"@webiny/common-audit-logs\";\nimport type { IFilterFormData } from \"~/views/Logs/Filters/types.js\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByAction = () => {\n    const { data } = useForm<IFilterFormData>();\n    const bind = useBind({\n        name: \"action\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        if (!data.app) {\n            return [];\n        }\n\n        const entities = auditLogsApps.find(app => app.app === data.app)?.entities || [];\n        const actions = entities.find(entity => entity.type === data.entity)?.actions || [];\n\n        return [\n            { label: \"All\", value: \"all\" },\n            ...actions.map(entity => ({ label: entity.displayName, value: entity.type }))\n        ];\n    }, [data]);\n\n    const disabled = !data.app || !data.entity;\n\n    return (\n        <Select\n            {...bind}\n            label={\"Action\"}\n            size={\"md\"}\n            placeholder={\"All actions\"}\n            options={disabled ? [] : options}\n            disabled={disabled}\n        />\n    );\n};\n"],"names":["getValidFilterValue","value","FilterByAction","data","useForm","bind","useBind","cb","options","useMemo","entities","auditLogsApps","app","actions","entity","disabled","Select"],"mappings":";;;;AAMA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA;AACX;AAEO,MAAMC,iBAAiB;IAC1B,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAaL,KAAK,EAAEM,EAAE;YAClBA,GAAGP,oBAAoBC;QAC3B;IACJ;IAEA,MAAMO,UAAUC,QAAQ;QACpB,IAAI,CAACN,KAAK,GAAG,EACT,OAAO,EAAE;QAGb,MAAMO,WAAWC,KAAc,IAAI,CAACC,CAAAA,MAAOA,IAAI,GAAG,KAAKT,KAAK,GAAG,GAAG,YAAY,EAAE;QAChF,MAAMU,UAAUH,SAAS,IAAI,CAACI,CAAAA,SAAUA,OAAO,IAAI,KAAKX,KAAK,MAAM,GAAG,WAAW,EAAE;QAEnF,OAAO;YACH;gBAAE,OAAO;gBAAO,OAAO;YAAM;eAC1BU,QAAQ,GAAG,CAACC,CAAAA,SAAW;oBAAE,OAAOA,OAAO,WAAW;oBAAE,OAAOA,OAAO,IAAI;gBAAC;SAC7E;IACL,GAAG;QAACX;KAAK;IAET,MAAMY,WAAW,CAACZ,KAAK,GAAG,IAAI,CAACA,KAAK,MAAM;IAE1C,OAAO,WAAP,GACI,oBAACa,QAAMA;QACF,GAAGX,IAAI;QACR,OAAO;QACP,MAAM;QACN,aAAa;QACb,SAASU,WAAW,EAAE,GAAGP;QACzB,UAAUO;;AAGtB"}

package/views/Logs/Filters/FilterByApp.js

@@ -18,8 +18,9 @@ const FilterByApp = ()=>{
     });
     return /*#__PURE__*/ react.createElement(Select, {
         ...bind,
+        label: "Application",
         size: "md",
-        placeholder: "Filter by App",
+        placeholder: "All applications",
         options: [
             {
                 label: "All",

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

@@ -1 +1 @@
-{"version":3,"file":"views/Logs/Filters/FilterByApp.js","sources":["../../../../src/views/Logs/Filters/FilterByApp.tsx"],"sourcesContent":["import React from \"react\";\nimport { useBind, useForm } from \"@webiny/form\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { apps as auditLogsApps } from \"@webiny/common-audit-logs\";\nimport type { IFilterFormData } from \"~/views/Logs/Filters/types.js\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByApp = () => {\n    const { setValue } = useForm<IFilterFormData>();\n    const bind = useBind({\n        name: \"app\",\n        beforeChange(value, cb) {\n            setValue(\"entity\", undefined);\n            setValue(\"action\", undefined);\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    return (\n        <Select\n            {...bind}\n            size={\"md\"}\n            placeholder={\"Filter by App\"}\n            options={[\n                { label: \"All\", value: \"all\" },\n                ...auditLogsApps.map(app => ({ label: app.displayName, value: app.app }))\n            ]}\n        />\n    );\n};\n"],"names":["getValidFilterValue","value","FilterByApp","setValue","useForm","bind","useBind","cb","undefined","Select","auditLogsApps","app"],"mappings":";;;;AAMA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA;AACX;AAEO,MAAMC,cAAc;IACvB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAaL,KAAK,EAAEM,EAAE;YAClBJ,SAAS,UAAUK;YACnBL,SAAS,UAAUK;YACnBD,GAAGP,oBAAoBC;QAC3B;IACJ;IAEA,OAAO,WAAP,GACI,oBAACQ,QAAMA;QACF,GAAGJ,IAAI;QACR,MAAM;QACN,aAAa;QACb,SAAS;YACL;gBAAE,OAAO;gBAAO,OAAO;YAAM;eAC1BK,KAAAA,GAAiB,CAACC,CAAAA,MAAQ;oBAAE,OAAOA,IAAI,WAAW;oBAAE,OAAOA,IAAI,GAAG;gBAAC;SACzE;;AAGb"}
+{"version":3,"file":"views/Logs/Filters/FilterByApp.js","sources":["../../../../src/views/Logs/Filters/FilterByApp.tsx"],"sourcesContent":["import React from \"react\";\nimport { useBind, useForm } from \"@webiny/form\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { apps as auditLogsApps } from \"@webiny/common-audit-logs\";\nimport type { IFilterFormData } from \"~/views/Logs/Filters/types.js\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByApp = () => {\n    const { setValue } = useForm<IFilterFormData>();\n    const bind = useBind({\n        name: \"app\",\n        beforeChange(value, cb) {\n            setValue(\"entity\", undefined);\n            setValue(\"action\", undefined);\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    return (\n        <Select\n            {...bind}\n            label={\"Application\"}\n            size={\"md\"}\n            placeholder={\"All applications\"}\n            options={[\n                { label: \"All\", value: \"all\" },\n                ...auditLogsApps.map(app => ({ label: app.displayName, value: app.app }))\n            ]}\n        />\n    );\n};\n"],"names":["getValidFilterValue","value","FilterByApp","setValue","useForm","bind","useBind","cb","undefined","Select","auditLogsApps","app"],"mappings":";;;;AAMA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA;AACX;AAEO,MAAMC,cAAc;IACvB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAaL,KAAK,EAAEM,EAAE;YAClBJ,SAAS,UAAUK;YACnBL,SAAS,UAAUK;YACnBD,GAAGP,oBAAoBC;QAC3B;IACJ;IAEA,OAAO,WAAP,GACI,oBAACQ,QAAMA;QACF,GAAGJ,IAAI;QACR,OAAO;QACP,MAAM;QACN,aAAa;QACb,SAAS;YACL;gBAAE,OAAO;gBAAO,OAAO;YAAM;eAC1BK,KAAAA,GAAiB,CAACC,CAAAA,MAAQ;oBAAE,OAAOA,IAAI,WAAW;oBAAE,OAAOA,IAAI,GAAG;gBAAC;SACzE;;AAGb"}

package/views/Logs/Filters/FilterByCreatedBy.js

@@ -39,8 +39,9 @@ const FilterByCreatedBy = ()=>{
     ]);
     return /*#__PURE__*/ react.createElement(Select, {
         ...bind,
+        label: "Initiator",
         size: "md",
-        placeholder: "Filter by Initiator",
+        placeholder: "Anyone",
         options: options
     });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"views/Logs/Filters/FilterByCreatedBy.js","sources":["../../../../src/views/Logs/Filters/FilterByCreatedBy.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient\";\nimport { useBind } from \"@webiny/form\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { LIST_USERS } from \"~/graphql.js\";\nimport type { User } from \"~/types.js\";\n\ninterface ListUsersResponse {\n    adminUsers: {\n        users: {\n            data: User[];\n        };\n    };\n}\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByCreatedBy = () => {\n    const container = useContainer();\n    const client = container.resolve(MainGraphQLClient);\n    const [users, setUsers] = useState<User[]>([]);\n\n    useEffect(() => {\n        client.execute<ListUsersResponse>({ query: LIST_USERS }).then(response => {\n            setUsers(response.adminUsers.users.data || []);\n        });\n    }, []);\n\n    const bind = useBind({\n        name: \"createdBy\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        return [\n            { label: \"All\", value: \"all\" },\n            ...users.map(user => ({ label: `${user.firstName} ${user.lastName}`, value: user.id }))\n        ];\n    }, [users]);\n\n    return <Select {...bind} size={\"md\"} placeholder={\"Filter by Initiator\"} options={options} />;\n};\n"],"names":["getValidFilterValue","value","FilterByCreatedBy","container","useContainer","client","MainGraphQLClient","users","setUsers","useState","useEffect","LIST_USERS","response","bind","useBind","cb","options","useMemo","user","Select"],"mappings":";;;;;;AAgBA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA;AACX;AAEO,MAAMC,oBAAoB;IAC7B,MAAMC,YAAYC;IAClB,MAAMC,SAASF,UAAU,OAAO,CAACG;IACjC,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAAiB,EAAE;IAE7CC,UAAU;QACNL,OAAO,OAAO,CAAoB;YAAE,OAAOM;QAAW,GAAG,IAAI,CAACC,CAAAA;YAC1DJ,SAASI,SAAS,UAAU,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE;QACjD;IACJ,GAAG,EAAE;IAEL,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAab,KAAK,EAAEc,EAAE;YAClBA,GAAGf,oBAAoBC;QAC3B;IACJ;IAEA,MAAMe,UAAUC,QAAQ,IACb;YACH;gBAAE,OAAO;gBAAO,OAAO;YAAM;eAC1BV,MAAM,GAAG,CAACW,CAAAA,OAAS;oBAAE,OAAO,GAAGA,KAAK,SAAS,CAAC,CAAC,EAAEA,KAAK,QAAQ,EAAE;oBAAE,OAAOA,KAAK,EAAE;gBAAC;SACvF,EACF;QAACX;KAAM;IAEV,OAAO,WAAP,GAAO,oBAACY,QAAMA;QAAE,GAAGN,IAAI;QAAE,MAAM;QAAM,aAAa;QAAuB,SAASG;;AACtF"}
+{"version":3,"file":"views/Logs/Filters/FilterByCreatedBy.js","sources":["../../../../src/views/Logs/Filters/FilterByCreatedBy.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient\";\nimport { useBind } from \"@webiny/form\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { LIST_USERS } from \"~/graphql.js\";\nimport type { User } from \"~/types.js\";\n\ninterface ListUsersResponse {\n    adminUsers: {\n        users: {\n            data: User[];\n        };\n    };\n}\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByCreatedBy = () => {\n    const container = useContainer();\n    const client = container.resolve(MainGraphQLClient);\n    const [users, setUsers] = useState<User[]>([]);\n\n    useEffect(() => {\n        client.execute<ListUsersResponse>({ query: LIST_USERS }).then(response => {\n            setUsers(response.adminUsers.users.data || []);\n        });\n    }, []);\n\n    const bind = useBind({\n        name: \"createdBy\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        return [\n            { label: \"All\", value: \"all\" },\n            ...users.map(user => ({ label: `${user.firstName} ${user.lastName}`, value: user.id }))\n        ];\n    }, [users]);\n\n    return (\n        <Select\n            {...bind}\n            label={\"Initiator\"}\n            size={\"md\"}\n            placeholder={\"Anyone\"}\n            options={options}\n        />\n    );\n};\n"],"names":["getValidFilterValue","value","FilterByCreatedBy","container","useContainer","client","MainGraphQLClient","users","setUsers","useState","useEffect","LIST_USERS","response","bind","useBind","cb","options","useMemo","user","Select"],"mappings":";;;;;;AAgBA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA;AACX;AAEO,MAAMC,oBAAoB;IAC7B,MAAMC,YAAYC;IAClB,MAAMC,SAASF,UAAU,OAAO,CAACG;IACjC,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAAiB,EAAE;IAE7CC,UAAU;QACNL,OAAO,OAAO,CAAoB;YAAE,OAAOM;QAAW,GAAG,IAAI,CAACC,CAAAA;YAC1DJ,SAASI,SAAS,UAAU,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE;QACjD;IACJ,GAAG,EAAE;IAEL,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAab,KAAK,EAAEc,EAAE;YAClBA,GAAGf,oBAAoBC;QAC3B;IACJ;IAEA,MAAMe,UAAUC,QAAQ,IACb;YACH;gBAAE,OAAO;gBAAO,OAAO;YAAM;eAC1BV,MAAM,GAAG,CAACW,CAAAA,OAAS;oBAAE,OAAO,GAAGA,KAAK,SAAS,CAAC,CAAC,EAAEA,KAAK,QAAQ,EAAE;oBAAE,OAAOA,KAAK,EAAE;gBAAC;SACvF,EACF;QAACX;KAAM;IAEV,OAAO,WAAP,GACI,oBAACY,QAAMA;QACF,GAAGN,IAAI;QACR,OAAO;QACP,MAAM;QACN,aAAa;QACb,SAASG;;AAGrB"}