@webiny/app-audit-logs 0.0.0-unstable.06b2ede40f

package/package.json

@@ -0,0 +1,51 @@
+{
+	"name": "@webiny/app-audit-logs",
+	"version": "0.0.0-unstable.06b2ede40f",
+	"main": "index.js",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"description": "",
+	"license": "MIT",
+	"dependencies": {
+		"@apollo/react-hooks": "3.1.5",
+		"@emotion/react": "11.10.8",
+		"@emotion/styled": "11.10.6",
+		"@webiny/admin-ui": "0.0.0-unstable.06b2ede40f",
+		"@webiny/api-audit-logs": "0.0.0-unstable.06b2ede40f",
+		"@webiny/app": "0.0.0-unstable.06b2ede40f",
+		"@webiny/app-aco": "0.0.0-unstable.06b2ede40f",
+		"@webiny/app-admin": "0.0.0-unstable.06b2ede40f",
+		"@webiny/app-security": "0.0.0-unstable.06b2ede40f",
+		"@webiny/form": "0.0.0-unstable.06b2ede40f",
+		"@webiny/icons": "0.0.0-unstable.06b2ede40f",
+		"@webiny/plugins": "0.0.0-unstable.06b2ede40f",
+		"@webiny/react-properties": "0.0.0-unstable.06b2ede40f",
+		"@webiny/react-router": "0.0.0-unstable.06b2ede40f",
+		"@webiny/ui": "0.0.0-unstable.06b2ede40f",
+		"date-fns": "2.29.3",
+		"emotion": "10.0.27",
+		"graphql-tag": "2.12.6",
+		"lodash": "4.17.21"
+	},
+	"peerDependencies": {
+		"react": "18.2.0"
+	},
+	"devDependencies": {
+		"@types/react": "18.2.79",
+		"@webiny/project-utils": "0.0.0-unstable.06b2ede40f",
+		"execa": "5.1.1",
+		"rimraf": "6.0.1",
+		"typescript": "5.3.3"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "node ../cli/bin.js run build",
+		"watch": "node ../cli/bin.js run watch"
+	},
+	"gitHead": "06b2ede40fc2212a70eeafd74afd50b56fb0ce82"
+}

package/plugins/permissionRenderer/AuditLogsPermissions.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { SecurityPermission } from "@webiny/app-security/types";
+interface PageBuilderPermissionsProps {
+    value: SecurityPermission;
+    onChange: (value: SecurityPermission[]) => void;
+}
+export declare const AuditLogsPermissions: ({ value, onChange }: PageBuilderPermissionsProps) => React.JSX.Element;
+export {};

package/plugins/permissionRenderer/AuditLogsPermissions.js

@@ -0,0 +1,100 @@
+import React, { Fragment, useCallback, useMemo } from "react";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { Select } from "@webiny/ui/Select";
+import { i18n } from "@webiny/app/i18n";
+import { CannotUseAaclAlert, PermissionInfo, gridWithPaddingClass } from "@webiny/app-admin/components/Permissions";
+import { Form } from "@webiny/form";
+import { useSecurity } from "@webiny/app-security";
+const t = i18n.ns("app-audit-logs/plugins/permissionRenderer");
+const AUDIT_LOGS = "al";
+const AUDIT_LOGS_FULL_ACCESS = "al.*";
+const FULL_ACCESS = "full";
+const NO_ACCESS = "no";
+const CUSTOM_ACCESS = "custom";
+export const AuditLogsPermissions = ({
+  value,
+  onChange
+}) => {
+  const {
+    getPermission
+  } = useSecurity();
+
+  // We disable form elements for custom permissions if AACL cannot be used.
+  const cannotUseAAcl = useMemo(() => {
+    return !getPermission("aacl", true);
+  }, []);
+  const onFormChange = useCallback(formData => {
+    let newValue = [];
+    if (Array.isArray(value)) {
+      // Let's just filter out the `al*` permission objects, it's easier to build new ones from scratch.
+      newValue = value.filter(item => !item.name.startsWith(AUDIT_LOGS));
+    }
+    if (formData.accessLevel === NO_ACCESS) {
+      onChange(newValue);
+      return;
+    }
+    if (formData.accessLevel === FULL_ACCESS) {
+      newValue.push({
+        name: AUDIT_LOGS_FULL_ACCESS
+      });
+      onChange(newValue);
+      return;
+    }
+
+    // Handling custom access level.
+
+    onChange(newValue);
+  }, [value]);
+  const formData = useMemo(() => {
+    if (!Array.isArray(value)) {
+      return {
+        accessLevel: NO_ACCESS
+      };
+    }
+    const hasFullAccess = value.find(item => item.name === AUDIT_LOGS_FULL_ACCESS || item.name === "*");
+    if (hasFullAccess) {
+      return {
+        accessLevel: FULL_ACCESS
+      };
+    }
+    const permissions = value.filter(item => item.name.startsWith(AUDIT_LOGS));
+    if (!permissions.length) {
+      return {
+        accessLevel: NO_ACCESS
+      };
+    }
+    const formData = {
+      accessLevel: CUSTOM_ACCESS
+    };
+    return formData;
+  }, []);
+  return /*#__PURE__*/React.createElement(Form, {
+    data: formData,
+    onChange: onFormChange
+  }, ({
+    data,
+    Bind
+  }) => /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Grid, {
+    className: gridWithPaddingClass
+  }, /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, data.accessLevel === "custom" && cannotUseAAcl && /*#__PURE__*/React.createElement(CannotUseAaclAlert, null))), /*#__PURE__*/React.createElement(Grid, {
+    className: gridWithPaddingClass
+  }, /*#__PURE__*/React.createElement(Cell, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(PermissionInfo, {
+    title: t`Access Level`
+  })), /*#__PURE__*/React.createElement(Cell, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "accessLevel"
+  }, /*#__PURE__*/React.createElement(Select, null, /*#__PURE__*/React.createElement("option", {
+    value: NO_ACCESS
+  }, t`No access`), /*#__PURE__*/React.createElement("option", {
+    value: FULL_ACCESS
+  }, t`Full access`), /*#__PURE__*/React.createElement("option", {
+    value: CUSTOM_ACCESS
+  }, t`Custom access`))))), data.accessLevel === CUSTOM_ACCESS && /*#__PURE__*/React.createElement(React.Fragment, null)));
+};
+
+//# sourceMappingURL=AuditLogsPermissions.js.map

package/plugins/permissionRenderer/AuditLogsPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","useCallback","useMemo","Grid","Cell","Select","i18n","CannotUseAaclAlert","PermissionInfo","gridWithPaddingClass","Form","useSecurity","t","ns","AUDIT_LOGS","AUDIT_LOGS_FULL_ACCESS","FULL_ACCESS","NO_ACCESS","CUSTOM_ACCESS","AuditLogsPermissions","value","onChange","getPermission","cannotUseAAcl","onFormChange","formData","newValue","Array","isArray","filter","item","name","startsWith","accessLevel","push","hasFullAccess","find","permissions","length","createElement","data","Bind","className","span","title"],"sources":["AuditLogsPermissions.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useMemo } from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport {\n    CannotUseAaclAlert,\n    PermissionInfo,\n    gridWithPaddingClass\n} from \"@webiny/app-admin/components/Permissions\";\nimport { Form } from \"@webiny/form\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport type { SecurityPermission } from \"@webiny/app-security/types\";\nimport type { AaclPermission } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-audit-logs/plugins/permissionRenderer\");\n\nconst AUDIT_LOGS = \"al\";\nconst AUDIT_LOGS_FULL_ACCESS = \"al.*\";\nconst FULL_ACCESS = \"full\";\nconst NO_ACCESS = \"no\";\nconst CUSTOM_ACCESS = \"custom\";\n\ninterface PageBuilderPermissionsProps {\n    value: SecurityPermission;\n    onChange: (value: SecurityPermission[]) => void;\n}\nexport const AuditLogsPermissions = ({ value, onChange }: PageBuilderPermissionsProps) => {\n    const { getPermission } = useSecurity();\n\n    // We disable form elements for custom permissions if AACL cannot be used.\n    const cannotUseAAcl = useMemo(() => {\n        return !getPermission<AaclPermission>(\"aacl\", true);\n    }, []);\n\n    const onFormChange = useCallback(\n        (formData: SecurityPermission) => {\n            let newValue: SecurityPermission[] = [];\n            if (Array.isArray(value)) {\n                // Let's just filter out the `al*` permission objects, it's easier to build new ones from scratch.\n                newValue = value.filter(item => !item.name.startsWith(AUDIT_LOGS));\n            }\n\n            if (formData.accessLevel === NO_ACCESS) {\n                onChange(newValue);\n                return;\n            }\n\n            if (formData.accessLevel === FULL_ACCESS) {\n                newValue.push({ name: AUDIT_LOGS_FULL_ACCESS });\n                onChange(newValue);\n                return;\n            }\n\n            // Handling custom access level.\n\n            onChange(newValue);\n        },\n        [value]\n    );\n\n    const formData = useMemo(() => {\n        if (!Array.isArray(value)) {\n            return { accessLevel: NO_ACCESS };\n        }\n\n        const hasFullAccess = value.find(\n            item => item.name === AUDIT_LOGS_FULL_ACCESS || item.name === \"*\"\n        );\n        if (hasFullAccess) {\n            return { accessLevel: FULL_ACCESS };\n        }\n\n        const permissions = value.filter(item => item.name.startsWith(AUDIT_LOGS));\n        if (!permissions.length) {\n            return { accessLevel: NO_ACCESS };\n        }\n\n        const formData = {\n            accessLevel: CUSTOM_ACCESS\n        };\n\n        return formData;\n    }, []);\n\n    return (\n        <Form data={formData} onChange={onFormChange}>\n            {({ data, Bind }) => (\n                <Fragment>\n                    <Grid className={gridWithPaddingClass}>\n                        <Cell span={12}>\n                            {data.accessLevel === \"custom\" && cannotUseAAcl && (\n                                <CannotUseAaclAlert />\n                            )}\n                        </Cell>\n                    </Grid>\n                    <Grid className={gridWithPaddingClass}>\n                        <Cell span={6}>\n                            <PermissionInfo title={t`Access Level`} />\n                        </Cell>\n                        <Cell span={6}>\n                            <Bind name={\"accessLevel\"}>\n                                <Select>\n                                    <option value={NO_ACCESS}>{t`No access`}</option>\n                                    <option value={FULL_ACCESS}>{t`Full access`}</option>\n                                    <option value={CUSTOM_ACCESS}>{t`Custom access`}</option>\n                                </Select>\n                            </Bind>\n                        </Cell>\n                    </Grid>\n                    {data.accessLevel === CUSTOM_ACCESS && <></>}\n                </Fragment>\n            )}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/plugins/permissionRenderer/index.d.ts

@@ -0,0 +1 @@
+export declare const AuditLogsPermissions: () => null;

package/plugins/permissionRenderer/index.js

@@ -0,0 +1,32 @@
+import React, { useEffect } from "react";
+import { ReactComponent as PermissionsIcon } from "@webiny/icons/manage_search.svg";
+import { i18n } from "@webiny/app/i18n";
+import { plugins } from "@webiny/plugins";
+import { Accordion } from "@webiny/admin-ui";
+import { AuditLogsPermissions as AuditLogsPermissionsComponent } from "./AuditLogsPermissions";
+const t = i18n.ns("app-audit-logs/plugins/permissionRenderer");
+const createPermissions = () => {
+  return {
+    type: "admin-app-permissions-renderer",
+    name: "admin-app-permissions-renderer-audit-logs",
+    render(props) {
+      return /*#__PURE__*/React.createElement(Accordion.Item, {
+        icon: /*#__PURE__*/React.createElement(Accordion.Item.Icon, {
+          icon: /*#__PURE__*/React.createElement(PermissionsIcon, null),
+          label: "Audit Logs Permissions"
+        }),
+        title: t`Audit Logs`,
+        description: t`Manage Audit Logs app access permissions.`,
+        "data-testid": "permission.al"
+      }, /*#__PURE__*/React.createElement(AuditLogsPermissionsComponent, props));
+    }
+  };
+};
+export const AuditLogsPermissions = () => {
+  useEffect(() => {
+    plugins.register(createPermissions());
+  }, []);
+  return null;
+};
+
+//# sourceMappingURL=index.js.map

package/plugins/permissionRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","ReactComponent","PermissionsIcon","i18n","plugins","Accordion","AuditLogsPermissions","AuditLogsPermissionsComponent","t","ns","createPermissions","type","name","render","props","createElement","Item","icon","Icon","label","title","description","register"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/manage_search.svg\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport type { AdminAppPermissionRendererPlugin } from \"@webiny/app-admin/types\";\n\nimport { AuditLogsPermissions as AuditLogsPermissionsComponent } from \"./AuditLogsPermissions\";\n\nconst t = i18n.ns(\"app-audit-logs/plugins/permissionRenderer\");\n\nconst createPermissions = (): AdminAppPermissionRendererPlugin => {\n    return {\n        type: \"admin-app-permissions-renderer\",\n        name: \"admin-app-permissions-renderer-audit-logs\",\n        render(props) {\n            return (\n                <Accordion.Item\n                    icon={\n                        <Accordion.Item.Icon\n                            icon={<PermissionsIcon />}\n                            label={\"Audit Logs Permissions\"}\n                        />\n                    }\n                    title={t`Audit Logs`}\n                    description={t`Manage Audit Logs app access permissions.`}\n                    data-testid={\"permission.al\"}\n                >\n                    <AuditLogsPermissionsComponent {...props} />\n                </Accordion.Item>\n            );\n        }\n    };\n};\n\nexport const AuditLogsPermissions = () => {\n    useEffect(() => {\n        plugins.register(createPermissions());\n    }, []);\n    return null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,cAAc,IAAIC,eAAe,QAAQ,iCAAiC;AAEnF,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,SAAS,QAAQ,kBAAkB;AAG5C,SAASC,oBAAoB,IAAIC,6BAA6B;AAE9D,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,2CAA2C,CAAC;AAE9D,MAAMC,iBAAiB,GAAGA,CAAA,KAAwC;EAC9D,OAAO;IACHC,IAAI,EAAE,gCAAgC;IACtCC,IAAI,EAAE,2CAA2C;IACjDC,MAAMA,CAACC,KAAK,EAAE;MACV,oBACIf,KAAA,CAAAgB,aAAA,CAACV,SAAS,CAACW,IAAI;QACXC,IAAI,eACAlB,KAAA,CAAAgB,aAAA,CAACV,SAAS,CAACW,IAAI,CAACE,IAAI;UAChBD,IAAI,eAAElB,KAAA,CAAAgB,aAAA,CAACb,eAAe,MAAE,CAAE;UAC1BiB,KAAK,EAAE;QAAyB,CACnC,CACJ;QACDC,KAAK,EAAEZ,CAAC,YAAa;QACrBa,WAAW,EAAEb,CAAC,2CAA4C;QAC1D,eAAa;MAAgB,gBAE7BT,KAAA,CAAAgB,aAAA,CAACR,6BAA6B,EAAKO,KAAQ,CAC/B,CAAC;IAEzB;EACJ,CAAC;AACL,CAAC;AAED,OAAO,MAAMR,oBAAoB,GAAGA,CAAA,KAAM;EACtCN,SAAS,CAAC,MAAM;IACZI,OAAO,CAACkB,QAAQ,CAACZ,iBAAiB,CAAC,CAAC,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EACN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/types.d.ts

@@ -0,0 +1,30 @@
+export declare enum ActionType {
+    CREATE = "CREATE",
+    UPDATE = "UPDATE",
+    DELETE = "DELETE",
+    MOVE_TO_TRASH = "MOVE_TO_TRASH",
+    RESTORE_FROM_TRASH = "RESTORE_FROM_TRASH",
+    PUBLISH = "PUBLISH",
+    UNPUBLISH = "UNPUBLISH",
+    IMPORT = "IMPORT",
+    EXPORT = "EXPORT"
+}
+export interface AuditLog {
+    id: string;
+    message: string;
+    app: string;
+    entity: string;
+    entityId: string;
+    action: ActionType;
+    data: string;
+    timestamp: Date;
+    initiator: string;
+}
+export interface User {
+    id: string;
+    firstName: string;
+    lastName: string;
+    groups?: {
+        name: string;
+    }[];
+}

package/types.js

@@ -0,0 +1,14 @@
+export let ActionType = /*#__PURE__*/function (ActionType) {
+  ActionType["CREATE"] = "CREATE";
+  ActionType["UPDATE"] = "UPDATE";
+  ActionType["DELETE"] = "DELETE";
+  ActionType["MOVE_TO_TRASH"] = "MOVE_TO_TRASH";
+  ActionType["RESTORE_FROM_TRASH"] = "RESTORE_FROM_TRASH";
+  ActionType["PUBLISH"] = "PUBLISH";
+  ActionType["UNPUBLISH"] = "UNPUBLISH";
+  ActionType["IMPORT"] = "IMPORT";
+  ActionType["EXPORT"] = "EXPORT";
+  return ActionType;
+}({});
+
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActionType"],"sources":["types.ts"],"sourcesContent":["export enum ActionType {\n    CREATE = \"CREATE\",\n    UPDATE = \"UPDATE\",\n    DELETE = \"DELETE\",\n    MOVE_TO_TRASH = \"MOVE_TO_TRASH\",\n    RESTORE_FROM_TRASH = \"RESTORE_FROM_TRASH\",\n    PUBLISH = \"PUBLISH\",\n    UNPUBLISH = \"UNPUBLISH\",\n    IMPORT = \"IMPORT\",\n    EXPORT = \"EXPORT\"\n}\n\nexport interface AuditLog {\n    id: string;\n    message: string;\n    app: string;\n    entity: string;\n    entityId: string;\n    action: ActionType;\n    data: string;\n    timestamp: Date;\n    initiator: string;\n}\n\nexport interface User {\n    id: string;\n    firstName: string;\n    lastName: string;\n    groups?: {\n        name: string;\n    }[];\n}\n"],"mappings":"AAAA,WAAYA,UAAU,0BAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA","ignoreList":[]}

package/utils/transformCmsContentEntriesToRecordEntries.d.ts

@@ -0,0 +1,25 @@
+import type { SearchRecordItem } from "@webiny/app-aco/types";
+import type { ActionType, AuditLog, User } from "../types";
+export type Entry = {
+    id: string;
+    message: string;
+    app: string;
+    entity: {
+        value: string;
+        label: string;
+        link?: string;
+    };
+    entityId: string;
+    action: {
+        label: string;
+        value: ActionType;
+    };
+    data: string;
+    savedOn: Date;
+    initiator: {
+        id: string;
+        name: string;
+        role: string;
+    };
+};
+export declare const transformCmsContentEntriesToRecordEntries: (items: SearchRecordItem<AuditLog>[], users: User[]) => Entry[];

package/utils/transformCmsContentEntriesToRecordEntries.js

@@ -0,0 +1,36 @@
+import { auditLogsApps } from "@webiny/api-audit-logs/config";
+export const transformCmsContentEntriesToRecordEntries = (items, users) => {
+  return items.map(({
+    id,
+    data
+  }) => {
+    const app = auditLogsApps.find(app => app.app === data.app);
+    const entity = app?.entities?.find(entity => entity.type === data.entity);
+    const action = entity?.actions?.find(action => action.type === data.action);
+    const user = users.find(user => user.id === data.initiator);
+    return {
+      id,
+      message: data.message,
+      app: app?.displayName || "-",
+      entity: {
+        label: entity?.displayName || "-",
+        value: data.entity,
+        link: entity?.linkToEntity && entity.linkToEntity(encodeURIComponent(data.entityId))
+      },
+      entityId: data.entityId,
+      action: {
+        label: action?.displayName || "-",
+        value: data.action
+      },
+      data: data.data,
+      savedOn: data.timestamp,
+      initiator: {
+        id: data.initiator,
+        name: `${user?.firstName} ${user?.lastName}`,
+        role: user?.groups?.[0]?.name || ""
+      }
+    };
+  });
+};
+
+//# sourceMappingURL=transformCmsContentEntriesToRecordEntries.js.map

package/utils/transformCmsContentEntriesToRecordEntries.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["auditLogsApps","transformCmsContentEntriesToRecordEntries","items","users","map","id","data","app","find","entity","entities","type","action","actions","user","initiator","message","displayName","label","value","link","linkToEntity","encodeURIComponent","entityId","savedOn","timestamp","name","firstName","lastName","role","groups"],"sources":["transformCmsContentEntriesToRecordEntries.ts"],"sourcesContent":["import type { SearchRecordItem } from \"@webiny/app-aco/types\";\nimport { auditLogsApps } from \"@webiny/api-audit-logs/config\";\n\nimport type { ActionType, AuditLog, User } from \"~/types\";\n\nexport type Entry = {\n    id: string;\n    message: string;\n    app: string;\n    entity: {\n        value: string;\n        label: string;\n        link?: string;\n    };\n    entityId: string;\n    action: {\n        label: string;\n        value: ActionType;\n    };\n    data: string;\n    savedOn: Date;\n    initiator: {\n        id: string;\n        name: string;\n        role: string;\n    };\n};\n\nexport const transformCmsContentEntriesToRecordEntries = (\n    items: SearchRecordItem<AuditLog>[],\n    users: User[]\n): Entry[] => {\n    return items.map(({ id, data }) => {\n        const app = auditLogsApps.find(app => app.app === data.app);\n        const entity = app?.entities?.find(entity => entity.type === data.entity);\n        const action = entity?.actions?.find(action => action.type === data.action);\n        const user = users.find(user => user.id === data.initiator);\n\n        return {\n            id,\n            message: data.message,\n            app: app?.displayName || \"-\",\n            entity: {\n                label: entity?.displayName || \"-\",\n                value: data.entity,\n                link: entity?.linkToEntity && entity.linkToEntity(encodeURIComponent(data.entityId))\n            },\n            entityId: data.entityId,\n            action: {\n                label: action?.displayName || \"-\",\n                value: data.action\n            },\n            data: data.data,\n            savedOn: data.timestamp,\n            initiator: {\n                id: data.initiator,\n                name: `${user?.firstName} ${user?.lastName}`,\n                role: user?.groups?.[0]?.name || \"\"\n            }\n        };\n    });\n};\n"],"mappings":"AACA,SAASA,aAAa,QAAQ,+BAA+B;AA2B7D,OAAO,MAAMC,yCAAyC,GAAGA,CACrDC,KAAmC,EACnCC,KAAa,KACH;EACV,OAAOD,KAAK,CAACE,GAAG,CAAC,CAAC;IAAEC,EAAE;IAAEC;EAAK,CAAC,KAAK;IAC/B,MAAMC,GAAG,GAAGP,aAAa,CAACQ,IAAI,CAACD,GAAG,IAAIA,GAAG,CAACA,GAAG,KAAKD,IAAI,CAACC,GAAG,CAAC;IAC3D,MAAME,MAAM,GAAGF,GAAG,EAAEG,QAAQ,EAAEF,IAAI,CAACC,MAAM,IAAIA,MAAM,CAACE,IAAI,KAAKL,IAAI,CAACG,MAAM,CAAC;IACzE,MAAMG,MAAM,GAAGH,MAAM,EAAEI,OAAO,EAAEL,IAAI,CAACI,MAAM,IAAIA,MAAM,CAACD,IAAI,KAAKL,IAAI,CAACM,MAAM,CAAC;IAC3E,MAAME,IAAI,GAAGX,KAAK,CAACK,IAAI,CAACM,IAAI,IAAIA,IAAI,CAACT,EAAE,KAAKC,IAAI,CAACS,SAAS,CAAC;IAE3D,OAAO;MACHV,EAAE;MACFW,OAAO,EAAEV,IAAI,CAACU,OAAO;MACrBT,GAAG,EAAEA,GAAG,EAAEU,WAAW,IAAI,GAAG;MAC5BR,MAAM,EAAE;QACJS,KAAK,EAAET,MAAM,EAAEQ,WAAW,IAAI,GAAG;QACjCE,KAAK,EAAEb,IAAI,CAACG,MAAM;QAClBW,IAAI,EAAEX,MAAM,EAAEY,YAAY,IAAIZ,MAAM,CAACY,YAAY,CAACC,kBAAkB,CAAChB,IAAI,CAACiB,QAAQ,CAAC;MACvF,CAAC;MACDA,QAAQ,EAAEjB,IAAI,CAACiB,QAAQ;MACvBX,MAAM,EAAE;QACJM,KAAK,EAAEN,MAAM,EAAEK,WAAW,IAAI,GAAG;QACjCE,KAAK,EAAEb,IAAI,CAACM;MAChB,CAAC;MACDN,IAAI,EAAEA,IAAI,CAACA,IAAI;MACfkB,OAAO,EAAElB,IAAI,CAACmB,SAAS;MACvBV,SAAS,EAAE;QACPV,EAAE,EAAEC,IAAI,CAACS,SAAS;QAClBW,IAAI,EAAE,GAAGZ,IAAI,EAAEa,SAAS,IAAIb,IAAI,EAAEc,QAAQ,EAAE;QAC5CC,IAAI,EAAEf,IAAI,EAAEgB,MAAM,GAAG,CAAC,CAAC,EAAEJ,IAAI,IAAI;MACrC;IACJ,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

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

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

package/views/Logs/Filters/FilterByAction.js

@@ -0,0 +1,47 @@
+import React, { useMemo } from "react";
+import { useBind, useForm } from "@webiny/form";
+import { Select } from "@webiny/ui/Select";
+import { auditLogsApps } from "@webiny/api-audit-logs/config";
+const getValidFilterValue = value => {
+  if (value === "all" || value === "") {
+    return undefined;
+  }
+  return value;
+};
+export const FilterByAction = () => {
+  const {
+    data
+  } = useForm();
+  const bind = useBind({
+    name: "data.action",
+    beforeChange(value, cb) {
+      cb(getValidFilterValue(value));
+    }
+  });
+  const appValue = data?.data?.app;
+  const entityValue = data?.data?.entity;
+  const options = useMemo(() => {
+    if (!appValue || !entityValue) {
+      return [];
+    }
+    const entities = auditLogsApps.find(app => app.app === appValue)?.entities || [];
+    const actions = entities.find(entity => entity.type === entityValue)?.actions || [];
+    return [{
+      label: "All",
+      value: "all"
+    }, ...actions.map(entity => ({
+      label: entity.displayName,
+      value: entity.type
+    }))];
+  }, [appValue, entityValue]);
+  if (!appValue || !entityValue) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Select, Object.assign({}, bind, {
+    size: "medium",
+    placeholder: "Filter by Action",
+    options: options
+  }));
+};
+
+//# sourceMappingURL=FilterByAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useBind","useForm","Select","auditLogsApps","getValidFilterValue","value","undefined","FilterByAction","data","bind","name","beforeChange","cb","appValue","app","entityValue","entity","options","entities","find","actions","type","label","map","displayName","createElement","Object","assign","size","placeholder"],"sources":["FilterByAction.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { useBind, useForm } from \"@webiny/form\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { auditLogsApps } from \"@webiny/api-audit-logs/config\";\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();\n    const bind = useBind({\n        name: \"data.action\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const appValue = data?.data?.app;\n    const entityValue = data?.data?.entity;\n\n    const options = useMemo(() => {\n        if (!appValue || !entityValue) {\n            return [];\n        }\n\n        const entities = auditLogsApps.find(app => app.app === appValue)?.entities || [];\n        const actions = entities.find(entity => entity.type === entityValue)?.actions || [];\n\n        return [\n            { label: \"All\", value: \"all\" },\n            ...actions.map(entity => ({ label: entity.displayName, value: entity.type }))\n        ];\n    }, [appValue, entityValue]);\n\n    if (!appValue || !entityValue) {\n        return null;\n    }\n\n    return <Select {...bind} size={\"medium\"} placeholder={\"Filter by Action\"} options={options} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,OAAO,EAAEC,OAAO,QAAQ,cAAc;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,aAAa,QAAQ,+BAA+B;AAE7D,MAAMC,mBAAmB,GAAIC,KAAa,IAAyB;EAC/D,IAAIA,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;IACjC,OAAOC,SAAS;EACpB;EACA,OAAOD,KAAK;AAChB,CAAC;AAED,OAAO,MAAME,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAM;IAAEC;EAAK,CAAC,GAAGP,OAAO,CAAC,CAAC;EAC1B,MAAMQ,IAAI,GAAGT,OAAO,CAAC;IACjBU,IAAI,EAAE,aAAa;IACnBC,YAAYA,CAACN,KAAK,EAAEO,EAAE,EAAE;MACpBA,EAAE,CAACR,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,MAAMQ,QAAQ,GAAGL,IAAI,EAAEA,IAAI,EAAEM,GAAG;EAChC,MAAMC,WAAW,GAAGP,IAAI,EAAEA,IAAI,EAAEQ,MAAM;EAEtC,MAAMC,OAAO,GAAGlB,OAAO,CAAC,MAAM;IAC1B,IAAI,CAACc,QAAQ,IAAI,CAACE,WAAW,EAAE;MAC3B,OAAO,EAAE;IACb;IAEA,MAAMG,QAAQ,GAAGf,aAAa,CAACgB,IAAI,CAACL,GAAG,IAAIA,GAAG,CAACA,GAAG,KAAKD,QAAQ,CAAC,EAAEK,QAAQ,IAAI,EAAE;IAChF,MAAME,OAAO,GAAGF,QAAQ,CAACC,IAAI,CAACH,MAAM,IAAIA,MAAM,CAACK,IAAI,KAAKN,WAAW,CAAC,EAAEK,OAAO,IAAI,EAAE;IAEnF,OAAO,CACH;MAAEE,KAAK,EAAE,KAAK;MAAEjB,KAAK,EAAE;IAAM,CAAC,EAC9B,GAAGe,OAAO,CAACG,GAAG,CAACP,MAAM,KAAK;MAAEM,KAAK,EAAEN,MAAM,CAACQ,WAAW;MAAEnB,KAAK,EAAEW,MAAM,CAACK;IAAK,CAAC,CAAC,CAAC,CAChF;EACL,CAAC,EAAE,CAACR,QAAQ,EAAEE,WAAW,CAAC,CAAC;EAE3B,IAAI,CAACF,QAAQ,IAAI,CAACE,WAAW,EAAE;IAC3B,OAAO,IAAI;EACf;EAEA,oBAAOjB,KAAA,CAAA2B,aAAA,CAACvB,MAAM,EAAAwB,MAAA,CAAAC,MAAA,KAAKlB,IAAI;IAAEmB,IAAI,EAAE,QAAS;IAACC,WAAW,EAAE,kBAAmB;IAACZ,OAAO,EAAEA;EAAQ,EAAE,CAAC;AAClG,CAAC","ignoreList":[]}

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

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

package/views/Logs/Filters/FilterByApp.js

@@ -0,0 +1,36 @@
+import React from "react";
+import { useBind, useForm } from "@webiny/form";
+import { Select } from "@webiny/ui/Select";
+import { auditLogsApps } from "@webiny/api-audit-logs/config";
+const getValidFilterValue = value => {
+  if (value === "all" || value === "") {
+    return undefined;
+  }
+  return value;
+};
+export const FilterByApp = () => {
+  const {
+    setValue
+  } = useForm();
+  const bind = useBind({
+    name: "data.app",
+    beforeChange(value, cb) {
+      setValue("data.entity", undefined);
+      setValue("data.action", undefined);
+      cb(getValidFilterValue(value));
+    }
+  });
+  return /*#__PURE__*/React.createElement(Select, Object.assign({}, bind, {
+    size: "medium",
+    placeholder: "Filter by App",
+    options: [{
+      label: "All",
+      value: "all"
+    }, ...auditLogsApps.map(app => ({
+      label: app.displayName,
+      value: app.app
+    }))]
+  }));
+};
+
+//# sourceMappingURL=FilterByApp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useBind","useForm","Select","auditLogsApps","getValidFilterValue","value","undefined","FilterByApp","setValue","bind","name","beforeChange","cb","createElement","Object","assign","size","placeholder","options","label","map","app","displayName"],"sources":["FilterByApp.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useBind, useForm } from \"@webiny/form\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { auditLogsApps } from \"@webiny/api-audit-logs/config\";\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();\n    const bind = useBind({\n        name: \"data.app\",\n        beforeChange(value, cb) {\n            setValue(\"data.entity\", undefined);\n            setValue(\"data.action\", undefined);\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    return (\n        <Select\n            {...bind}\n            size={\"medium\"}\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,EAAEC,OAAO,QAAQ,cAAc;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,aAAa,QAAQ,+BAA+B;AAE7D,MAAMC,mBAAmB,GAAIC,KAAa,IAAyB;EAC/D,IAAIA,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;IACjC,OAAOC,SAAS;EACpB;EACA,OAAOD,KAAK;AAChB,CAAC;AAED,OAAO,MAAME,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAS,CAAC,GAAGP,OAAO,CAAC,CAAC;EAC9B,MAAMQ,IAAI,GAAGT,OAAO,CAAC;IACjBU,IAAI,EAAE,UAAU;IAChBC,YAAYA,CAACN,KAAK,EAAEO,EAAE,EAAE;MACpBJ,QAAQ,CAAC,aAAa,EAAEF,SAAS,CAAC;MAClCE,QAAQ,CAAC,aAAa,EAAEF,SAAS,CAAC;MAClCM,EAAE,CAACR,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,oBACIN,KAAA,CAAAc,aAAA,CAACX,MAAM,EAAAY,MAAA,CAAAC,MAAA,KACCN,IAAI;IACRO,IAAI,EAAE,QAAS;IACfC,WAAW,EAAE,eAAgB;IAC7BC,OAAO,EAAE,CACL;MAAEC,KAAK,EAAE,KAAK;MAAEd,KAAK,EAAE;IAAM,CAAC,EAC9B,GAAGF,aAAa,CAACiB,GAAG,CAACC,GAAG,KAAK;MAAEF,KAAK,EAAEE,GAAG,CAACC,WAAW;MAAEjB,KAAK,EAAEgB,GAAG,CAACA;IAAI,CAAC,CAAC,CAAC;EAC3E,EACL,CAAC;AAEV,CAAC","ignoreList":[]}

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

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

package/views/Logs/Filters/FilterByEntity.js

@@ -0,0 +1,47 @@
+import React, { useMemo } from "react";
+import { useBind, useForm } from "@webiny/form";
+import { Select } from "@webiny/ui/Select";
+import { auditLogsApps } from "@webiny/api-audit-logs/config";
+const getValidFilterValue = value => {
+  if (value === "all" || value === "") {
+    return undefined;
+  }
+  return value;
+};
+export const FilterByEntity = () => {
+  const {
+    data,
+    setValue
+  } = useForm();
+  const bind = useBind({
+    name: "data.entity",
+    beforeChange(value, cb) {
+      setValue("data.action", undefined);
+      cb(getValidFilterValue(value));
+    }
+  });
+  const appValue = data?.data?.app;
+  const options = useMemo(() => {
+    if (!appValue) {
+      return [];
+    }
+    const entities = auditLogsApps.find(app => app.app === appValue)?.entities || [];
+    return [{
+      label: "All",
+      value: "all"
+    }, ...entities.map(entity => ({
+      label: entity.displayName,
+      value: entity.type
+    }))];
+  }, [appValue]);
+  if (!appValue) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Select, Object.assign({}, bind, {
+    size: "medium",
+    placeholder: "Filter by Entity",
+    options: options
+  }));
+};
+
+//# sourceMappingURL=FilterByEntity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useBind","useForm","Select","auditLogsApps","getValidFilterValue","value","undefined","FilterByEntity","data","setValue","bind","name","beforeChange","cb","appValue","app","options","entities","find","label","map","entity","displayName","type","createElement","Object","assign","size","placeholder"],"sources":["FilterByEntity.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { useBind, useForm } from \"@webiny/form\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { auditLogsApps } from \"@webiny/api-audit-logs/config\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByEntity = () => {\n    const { data, setValue } = useForm();\n    const bind = useBind({\n        name: \"data.entity\",\n        beforeChange(value, cb) {\n            setValue(\"data.action\", undefined);\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const appValue = data?.data?.app;\n\n    const options = useMemo(() => {\n        if (!appValue) {\n            return [];\n        }\n\n        const entities = auditLogsApps.find(app => app.app === appValue)?.entities || [];\n\n        return [\n            { label: \"All\", value: \"all\" },\n            ...entities.map(entity => ({ label: entity.displayName, value: entity.type }))\n        ];\n    }, [appValue]);\n\n    if (!appValue) {\n        return null;\n    }\n\n    return <Select {...bind} size={\"medium\"} placeholder={\"Filter by Entity\"} options={options} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,OAAO,EAAEC,OAAO,QAAQ,cAAc;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,aAAa,QAAQ,+BAA+B;AAE7D,MAAMC,mBAAmB,GAAIC,KAAa,IAAyB;EAC/D,IAAIA,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;IACjC,OAAOC,SAAS;EACpB;EACA,OAAOD,KAAK;AAChB,CAAC;AAED,OAAO,MAAME,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAM;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGR,OAAO,CAAC,CAAC;EACpC,MAAMS,IAAI,GAAGV,OAAO,CAAC;IACjBW,IAAI,EAAE,aAAa;IACnBC,YAAYA,CAACP,KAAK,EAAEQ,EAAE,EAAE;MACpBJ,QAAQ,CAAC,aAAa,EAAEH,SAAS,CAAC;MAClCO,EAAE,CAACT,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,MAAMS,QAAQ,GAAGN,IAAI,EAAEA,IAAI,EAAEO,GAAG;EAEhC,MAAMC,OAAO,GAAGjB,OAAO,CAAC,MAAM;IAC1B,IAAI,CAACe,QAAQ,EAAE;MACX,OAAO,EAAE;IACb;IAEA,MAAMG,QAAQ,GAAGd,aAAa,CAACe,IAAI,CAACH,GAAG,IAAIA,GAAG,CAACA,GAAG,KAAKD,QAAQ,CAAC,EAAEG,QAAQ,IAAI,EAAE;IAEhF,OAAO,CACH;MAAEE,KAAK,EAAE,KAAK;MAAEd,KAAK,EAAE;IAAM,CAAC,EAC9B,GAAGY,QAAQ,CAACG,GAAG,CAACC,MAAM,KAAK;MAAEF,KAAK,EAAEE,MAAM,CAACC,WAAW;MAAEjB,KAAK,EAAEgB,MAAM,CAACE;IAAK,CAAC,CAAC,CAAC,CACjF;EACL,CAAC,EAAE,CAACT,QAAQ,CAAC,CAAC;EAEd,IAAI,CAACA,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EAEA,oBAAOhB,KAAA,CAAA0B,aAAA,CAACtB,MAAM,EAAAuB,MAAA,CAAAC,MAAA,KAAKhB,IAAI;IAAEiB,IAAI,EAAE,QAAS;IAACC,WAAW,EAAE,kBAAmB;IAACZ,OAAO,EAAEA;EAAQ,EAAE,CAAC;AAClG,CAAC","ignoreList":[]}

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

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

package/views/Logs/Filters/FilterByInitiator.js

@@ -0,0 +1,39 @@
+import React, { useMemo } from "react";
+import { useQuery } from "@apollo/react-hooks";
+import { useBind } from "@webiny/form";
+import { Select } from "@webiny/ui/Select";
+import { LIST_USERS } from "../../../graphql";
+const getValidFilterValue = value => {
+  if (value === "all" || value === "") {
+    return undefined;
+  }
+  return value;
+};
+export const FilterByInitiator = () => {
+  const {
+    data: listUsers
+  } = useQuery(LIST_USERS);
+  const bind = useBind({
+    name: "data.initiator",
+    beforeChange(value, cb) {
+      cb(getValidFilterValue(value));
+    }
+  });
+  const options = useMemo(() => {
+    const users = listUsers?.adminUsers?.users?.data || [];
+    return [{
+      label: "All",
+      value: "all"
+    }, ...users.map(user => ({
+      label: `${user.firstName} ${user.lastName}`,
+      value: user.id
+    }))];
+  }, [listUsers]);
+  return /*#__PURE__*/React.createElement(Select, Object.assign({}, bind, {
+    size: "medium",
+    placeholder: "Filter by Initiator",
+    options: options
+  }));
+};
+
+//# sourceMappingURL=FilterByInitiator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useQuery","useBind","Select","LIST_USERS","getValidFilterValue","value","undefined","FilterByInitiator","data","listUsers","bind","name","beforeChange","cb","options","users","adminUsers","label","map","user","firstName","lastName","id","createElement","Object","assign","size","placeholder"],"sources":["FilterByInitiator.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\nimport { useBind } from \"@webiny/form\";\nimport { Select } from \"@webiny/ui/Select\";\n\nimport { LIST_USERS } from \"~/graphql\";\nimport type { User } from \"~/types\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByInitiator = () => {\n    const { data: listUsers } = useQuery(LIST_USERS);\n    const bind = useBind({\n        name: \"data.initiator\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        const users: User[] = listUsers?.adminUsers?.users?.data || [];\n\n        return [\n            { label: \"All\", value: \"all\" },\n            ...users.map(user => ({ label: `${user.firstName} ${user.lastName}`, value: user.id }))\n        ];\n    }, [listUsers]);\n\n    return (\n        <Select {...bind} size={\"medium\"} placeholder={\"Filter by Initiator\"} options={options} />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,SAASC,UAAU;AAGnB,MAAMC,mBAAmB,GAAIC,KAAa,IAAyB;EAC/D,IAAIA,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;IACjC,OAAOC,SAAS;EACpB;EACA,OAAOD,KAAK;AAChB,CAAC;AAED,OAAO,MAAME,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAM;IAAEC,IAAI,EAAEC;EAAU,CAAC,GAAGT,QAAQ,CAACG,UAAU,CAAC;EAChD,MAAMO,IAAI,GAAGT,OAAO,CAAC;IACjBU,IAAI,EAAE,gBAAgB;IACtBC,YAAYA,CAACP,KAAK,EAAEQ,EAAE,EAAE;MACpBA,EAAE,CAACT,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,MAAMS,OAAO,GAAGf,OAAO,CAAC,MAAM;IAC1B,MAAMgB,KAAa,GAAGN,SAAS,EAAEO,UAAU,EAAED,KAAK,EAAEP,IAAI,IAAI,EAAE;IAE9D,OAAO,CACH;MAAES,KAAK,EAAE,KAAK;MAAEZ,KAAK,EAAE;IAAM,CAAC,EAC9B,GAAGU,KAAK,CAACG,GAAG,CAACC,IAAI,KAAK;MAAEF,KAAK,EAAE,GAAGE,IAAI,CAACC,SAAS,IAAID,IAAI,CAACE,QAAQ,EAAE;MAAEhB,KAAK,EAAEc,IAAI,CAACG;IAAG,CAAC,CAAC,CAAC,CAC1F;EACL,CAAC,EAAE,CAACb,SAAS,CAAC,CAAC;EAEf,oBACIX,KAAA,CAAAyB,aAAA,CAACrB,MAAM,EAAAsB,MAAA,CAAAC,MAAA,KAAKf,IAAI;IAAEgB,IAAI,EAAE,QAAS;IAACC,WAAW,EAAE,qBAAsB;IAACb,OAAO,EAAEA;EAAQ,EAAE,CAAC;AAElG,CAAC","ignoreList":[]}

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

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

package/views/Logs/Filters/FilterByTimestamp.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { format } from "date-fns";
+import { Input } from "@webiny/ui/Input";
+import { useBind } from "@webiny/form";
+import { TimestampFiltersContainer } from "./styled";
+const formatDateTime = date => {
+  if (!date) {
+    return "";
+  }
+  return format(new Date(date), "yyyy-MM-dd'T'HH:mm");
+};
+const getValidFilterValue = value => {
+  if (value === "") {
+    return undefined;
+  }
+  return new Date(value);
+};
+export 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, Object.assign({}, bindFrom, {
+    value: formatDateTime(bindFrom.value),
+    type: "datetime-local"
+  })), /*#__PURE__*/React.createElement(Input, Object.assign({}, bindTo, {
+    value: formatDateTime(bindTo.value),
+    type: "datetime-local"
+  })));
+};
+
+//# sourceMappingURL=FilterByTimestamp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","format","Input","useBind","TimestampFiltersContainer","formatDateTime","date","Date","getValidFilterValue","value","undefined","FilterByTimestamp","bindFrom","name","beforeChange","cb","bindTo","createElement","Object","assign","type"],"sources":["FilterByTimestamp.tsx"],"sourcesContent":["import React from \"react\";\nimport { format } from \"date-fns\";\n\nimport { Input } from \"@webiny/ui/Input\";\nimport { useBind } from \"@webiny/form\";\n\nimport { TimestampFiltersContainer } from \"./styled\";\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,OAAO,QAAQ,cAAc;AAEtC,SAASC,yBAAyB;AAElC,MAAMC,cAAc,GAAIC,IAAY,IAAK;EACrC,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,EAAE;EACb;EAEA,OAAOL,MAAM,CAAC,IAAIM,IAAI,CAACD,IAAI,CAAC,EAAE,oBAAoB,CAAC;AACvD,CAAC;AAED,MAAME,mBAAmB,GAAIC,KAAa,IAAuB;EAC7D,IAAIA,KAAK,KAAK,EAAE,EAAE;IACd,OAAOC,SAAS;EACpB;EAEA,OAAO,IAAIH,IAAI,CAACE,KAAK,CAAC;AAC1B,CAAC;AAED,OAAO,MAAME,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAMC,QAAQ,GAAGT,OAAO,CAAC;IACrBU,IAAI,EAAE,oBAAoB;IAC1BC,YAAYA,CAACL,KAAK,EAAEM,EAAE,EAAE;MACpBA,EAAE,CAACP,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,MAAMO,MAAM,GAAGb,OAAO,CAAC;IACnBU,IAAI,EAAE,oBAAoB;IAC1BC,YAAYA,CAACL,KAAK,EAAEM,EAAE,EAAE;MACpBA,EAAE,CAACP,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,oBACIT,KAAA,CAAAiB,aAAA,CAACb,yBAAyB,qBACtBJ,KAAA,CAAAiB,aAAA,CAACf,KAAK,EAAAgB,MAAA,CAAAC,MAAA,KAAKP,QAAQ;IAAEH,KAAK,EAAEJ,cAAc,CAACO,QAAQ,CAACH,KAAK,CAAE;IAACW,IAAI,EAAC;EAAgB,EAAE,CAAC,eACpFpB,KAAA,CAAAiB,aAAA,CAACf,KAAK,EAAAgB,MAAA,CAAAC,MAAA,KAAKH,MAAM;IAAEP,KAAK,EAAEJ,cAAc,CAACW,MAAM,CAACP,KAAK,CAAE;IAACW,IAAI,EAAC;EAAgB,EAAE,CACxD,CAAC;AAEpC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import React from "react";
+type FiltersProps = {
+    showingFilters: boolean;
+    setFilters: (data: Record<string, any>) => void;
+    hasAccessToUsers: boolean;
+};
+export declare const Filters: ({ showingFilters, setFilters, hasAccessToUsers }: FiltersProps) => React.JSX.Element;
+export {};