@webiny/app-audit-logs 5.38.0-beta.0

package/package.json

@@ -0,0 +1,59 @@
+{
+	"name": "@webiny/app-audit-logs",
+	"version": "5.38.0-beta.0",
+	"main": "index.js",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"description": "",
+	"license": "MIT",
+	"dependencies": {
+		"@apollo/react-hooks": "3.1.5",
+		"@babel/runtime": "7.22.6",
+		"@emotion/react": "11.10.8",
+		"@emotion/styled": "11.10.6",
+		"@webiny/api-audit-logs": "5.38.0-beta.0",
+		"@webiny/app": "5.38.0-beta.0",
+		"@webiny/app-aco": "5.38.0-beta.0",
+		"@webiny/app-admin": "5.38.0-beta.0",
+		"@webiny/app-security": "5.38.0-beta.0",
+		"@webiny/form": "5.38.0-beta.0",
+		"@webiny/plugins": "5.38.0-beta.0",
+		"@webiny/react-properties": "5.38.0-beta.0",
+		"@webiny/react-router": "5.38.0-beta.0",
+		"@webiny/ui": "5.38.0-beta.0",
+		"date-fns": "2.29.3",
+		"emotion": "10.0.27",
+		"graphql-tag": "2.12.6",
+		"lodash": "4.17.21"
+	},
+	"peerDependencies": {
+		"react": "^17.0.2"
+	},
+	"devDependencies": {
+		"@babel/cli": "7.22.9",
+		"@babel/core": "7.22.9",
+		"@babel/preset-env": "7.20.2",
+		"@babel/preset-react": "7.18.6",
+		"@babel/preset-typescript": "7.18.6",
+		"@material-design-icons/svg": "0.14.3",
+		"@material-symbols/svg-400": "0.4.3",
+		"@types/react": "17.0.39",
+		"@webiny/cli": "5.38.0-beta.0",
+		"@webiny/project-utils": "5.38.0-beta.0",
+		"execa": "5.1.1",
+		"rimraf": "3.0.2",
+		"ttypescript": "1.5.15",
+		"typescript": "4.7.4"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "yarn webiny run build",
+		"watch": "yarn webiny run watch"
+	},
+	"gitHead": "5746389d4988626b50e2523ccfa0a9a5e398e0ed"
+}

package/plugins/permissionRenderer/AuditLogsPermissions.d.ts

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

package/plugins/permissionRenderer/AuditLogsPermissions.js

@@ -0,0 +1,118 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AuditLogsPermissions = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _Grid = require("@webiny/ui/Grid");
+var _Select = require("@webiny/ui/Select");
+var _i18n = require("@webiny/app/i18n");
+var _Permissions = require("@webiny/app-admin/components/Permissions");
+var _form = require("@webiny/form");
+var _appSecurity = require("@webiny/app-security");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var t = _i18n.i18n.ns("app-audit-logs/plugins/permissionRenderer");
+var AUDIT_LOGS = "al";
+var AUDIT_LOGS_FULL_ACCESS = "al.*";
+var FULL_ACCESS = "full";
+var NO_ACCESS = "no";
+var CUSTOM_ACCESS = "custom";
+var AuditLogsPermissions = function AuditLogsPermissions(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange;
+  var _useSecurity = (0, _appSecurity.useSecurity)(),
+    getPermission = _useSecurity.getPermission;
+
+  // We disable form elements for custom permissions if AACL cannot be used.
+  var cannotUseAAcl = (0, _react.useMemo)(function () {
+    return !getPermission("aacl", true);
+  }, []);
+  var onFormChange = (0, _react.useCallback)(function (formData) {
+    var 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(function (item) {
+        return !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]);
+  var formData = (0, _react.useMemo)(function () {
+    if (!Array.isArray(value)) {
+      return {
+        accessLevel: NO_ACCESS
+      };
+    }
+    var hasFullAccess = value.find(function (item) {
+      return item.name === AUDIT_LOGS_FULL_ACCESS || item.name === "*";
+    });
+    if (hasFullAccess) {
+      return {
+        accessLevel: FULL_ACCESS
+      };
+    }
+    var permissions = value.filter(function (item) {
+      return item.name.startsWith(AUDIT_LOGS);
+    });
+    if (!permissions.length) {
+      return {
+        accessLevel: NO_ACCESS
+      };
+    }
+    var formData = {
+      accessLevel: CUSTOM_ACCESS
+    };
+    return formData;
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_form.Form, {
+    data: formData,
+    onChange: onFormChange
+  }, function (_ref2) {
+    var data = _ref2.data,
+      Bind = _ref2.Bind;
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
+      className: _Permissions.gridNoPaddingClass
+    }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, data.accessLevel === "custom" && cannotUseAAcl && /*#__PURE__*/_react.default.createElement(_Permissions.CannotUseAaclAlert, null))), /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
+      className: _Permissions.gridNoPaddingClass
+    }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 6
+    }, /*#__PURE__*/_react.default.createElement(_Permissions.PermissionInfo, {
+      title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Access Level"])))
+    })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 6
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "accessLevel"
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Access Level"])))
+    }, /*#__PURE__*/_react.default.createElement("option", {
+      value: NO_ACCESS
+    }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["No access"])))), /*#__PURE__*/_react.default.createElement("option", {
+      value: FULL_ACCESS
+    }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Full access"])))), /*#__PURE__*/_react.default.createElement("option", {
+      value: CUSTOM_ACCESS
+    }, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Custom access"])))))))), data.accessLevel === CUSTOM_ACCESS && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
+  });
+};
+exports.AuditLogsPermissions = AuditLogsPermissions;
+
+//# sourceMappingURL=AuditLogsPermissions.js.map

package/plugins/permissionRenderer/AuditLogsPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_Select","_i18n","_Permissions","_form","_appSecurity","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","t","i18n","ns","AUDIT_LOGS","AUDIT_LOGS_FULL_ACCESS","FULL_ACCESS","NO_ACCESS","CUSTOM_ACCESS","AuditLogsPermissions","_ref","value","onChange","_useSecurity","useSecurity","getPermission","cannotUseAAcl","useMemo","onFormChange","useCallback","formData","newValue","Array","isArray","filter","item","name","startsWith","accessLevel","push","hasFullAccess","find","permissions","length","default","createElement","Form","data","_ref2","Bind","Fragment","Grid","className","gridNoPaddingClass","Cell","span","CannotUseAaclAlert","PermissionInfo","title","_taggedTemplateLiteral2","Select","label","exports"],"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    gridNoPaddingClass\n} from \"@webiny/app-admin/components/Permissions\";\nimport { Form } from \"@webiny/form\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\nimport { 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: React.FC<PageBuilderPermissionsProps> = ({\n    value,\n    onChange\n}) => {\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 => {\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={gridNoPaddingClass}>\n                        <Cell span={12}>\n                            {data.accessLevel === \"custom\" && cannotUseAAcl && (\n                                <CannotUseAaclAlert />\n                            )}\n                        </Cell>\n                    </Grid>\n                    <Grid className={gridNoPaddingClass}>\n                        <Cell span={6}>\n                            <PermissionInfo title={t`Access Level`} />\n                        </Cell>\n                        <Cell span={6}>\n                            <Bind name={\"accessLevel\"}>\n                                <Select label={t`Access Level`}>\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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"}

package/plugins/permissionRenderer/index.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const AuditLogsPermissions: React.FC;

package/plugins/permissionRenderer/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AuditLogsPermissions = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _quick_reference_all = require("@material-symbols/svg-400/outlined/quick_reference_all.svg");
+var _i18n = require("@webiny/app/i18n");
+var _plugins = require("@webiny/plugins");
+var _Accordion = require("@webiny/ui/Accordion");
+var _AuditLogsPermissions = require("./AuditLogsPermissions");
+var _templateObject, _templateObject2;
+var t = _i18n.i18n.ns("app-audit-logs/plugins/permissionRenderer");
+var createPermissions = function createPermissions() {
+  return {
+    type: "admin-app-permissions-renderer",
+    name: "admin-app-permissions-renderer-audit-logs",
+    render: function render(props) {
+      return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
+        icon: /*#__PURE__*/_react.default.createElement(_quick_reference_all.ReactComponent, null),
+        title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Audit Logs"]))),
+        description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Manage Audit Logs app access permissions."]))),
+        "data-testid": "permission.al"
+      }, /*#__PURE__*/_react.default.createElement(_AuditLogsPermissions.AuditLogsPermissions, props));
+    }
+  };
+};
+var AuditLogsPermissions = function AuditLogsPermissions() {
+  (0, _react.useEffect)(function () {
+    _plugins.plugins.register(createPermissions());
+  }, []);
+  return null;
+};
+exports.AuditLogsPermissions = AuditLogsPermissions;
+
+//# sourceMappingURL=index.js.map

package/plugins/permissionRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_quick_reference_all","_i18n","_plugins","_Accordion","_AuditLogsPermissions","_templateObject","_templateObject2","t","i18n","ns","createPermissions","type","name","render","props","default","createElement","AccordionItem","icon","ReactComponent","title","_taggedTemplateLiteral2","description","AuditLogsPermissions","useEffect","plugins","register","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { ReactComponent as Icon } from \"@material-symbols/svg-400/outlined/quick_reference_all.svg\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AccordionItem } from \"@webiny/ui/Accordion\";\nimport { 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                <AccordionItem\n                    icon={<Icon />}\n                    title={t`Audit Logs`}\n                    description={t`Manage Audit Logs app access permissions.`}\n                    data-testid={\"permission.al\"}\n                >\n                    <AuditLogsPermissionsComponent {...props} />\n                </AccordionItem>\n            );\n        }\n    };\n};\n\nexport const AuditLogsPermissions: React.FC = () => {\n    useEffect(() => {\n        plugins.register(createPermissions());\n    }, []);\n    return null;\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAGA,IAAAK,qBAAA,GAAAL,OAAA;AAA+F,IAAAM,eAAA,EAAAC,gBAAA;AAE/F,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,2CAA2C,CAAC;AAE9D,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,EAA2C;EAC9D,OAAO;IACHC,IAAI,EAAE,gCAAgC;IACtCC,IAAI,EAAE,2CAA2C;IACjDC,MAAM,WAAAA,OAACC,KAAK,EAAE;MACV,oBACIjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,UAAA,CAAAc,aAAa;QACVC,IAAI,eAAErB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAAmB,cAAI,MAAE,CAAE;QACfC,KAAK,EAAEb,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAgB,uBAAA,CAAAN,OAAA,mBAAa;QACrBO,WAAW,EAAEf,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAe,uBAAA,CAAAN,OAAA,kDAA4C;QAC1D,eAAa;MAAgB,gBAE7BlB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,qBAAA,CAAAmB,oBAA6B,EAAKT,KAAQ,CAChC,CAAC;IAExB;EACJ,CAAC;AACL,CAAC;AAEM,IAAMS,oBAA8B,GAAG,SAAjCA,oBAA8BA,CAAA,EAAS;EAChD,IAAAC,gBAAS,EAAC,YAAM;IACZC,gBAAO,CAACC,QAAQ,CAAChB,iBAAiB,CAAC,CAAC,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EACN,OAAO,IAAI;AACf,CAAC;AAACiB,OAAA,CAAAJ,oBAAA,GAAAA,oBAAA"}

package/types.d.ts

@@ -0,0 +1,19 @@
+export declare type AuditLog = {
+    id: string;
+    message: string;
+    app: string;
+    entity: string;
+    entityId: string;
+    action: string;
+    data: string;
+    timestamp: Date;
+    initiator: string;
+};
+export declare type User = {
+    id: string;
+    firstName: string;
+    lastName: string;
+    group: {
+        name: string;
+    };
+};

package/types.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type AuditLog = {\n    id: string;\n    message: string;\n    app: string;\n    entity: string;\n    entityId: string;\n    action: string;\n    data: string;\n    timestamp: Date;\n    initiator: string;\n};\n\nexport type User = {\n    id: string;\n    firstName: string;\n    lastName: string;\n    group: {\n        name: string;\n    };\n};\n"],"mappings":""}

package/utils/transformCmsContentEntriesToRecordEntries.d.ts

@@ -0,0 +1,25 @@
+import { SearchRecordItem } from "@webiny/app-aco/types";
+import { AuditLog, User } from "../types";
+export declare type Entry = {
+    id: string;
+    message: string;
+    app: string;
+    entity: {
+        value: string;
+        label: string;
+        link?: string;
+    };
+    entityId: string;
+    action: {
+        label: string;
+        value: string;
+    };
+    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,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformCmsContentEntriesToRecordEntries = void 0;
+var _config = require("@webiny/api-audit-logs/config");
+var transformCmsContentEntriesToRecordEntries = function transformCmsContentEntriesToRecordEntries(items, users) {
+  return items.map(function (_ref) {
+    var _app$entities, _entity$actions;
+    var id = _ref.id,
+      data = _ref.data;
+    var app = _config.auditLogsApps.find(function (app) {
+      return app.app === data.app;
+    });
+    var entity = app === null || app === void 0 ? void 0 : (_app$entities = app.entities) === null || _app$entities === void 0 ? void 0 : _app$entities.find(function (entity) {
+      return entity.type === data.entity;
+    });
+    var action = entity === null || entity === void 0 ? void 0 : (_entity$actions = entity.actions) === null || _entity$actions === void 0 ? void 0 : _entity$actions.find(function (action) {
+      return action.type === data.action;
+    });
+    var user = users.find(function (user) {
+      return user.id === data.initiator;
+    });
+    return {
+      id: id,
+      message: data.message,
+      app: (app === null || app === void 0 ? void 0 : app.displayName) || "-",
+      entity: {
+        label: (entity === null || entity === void 0 ? void 0 : entity.displayName) || "-",
+        value: data.entity,
+        link: (entity === null || entity === void 0 ? void 0 : entity.linkToEntity) && entity.linkToEntity(encodeURIComponent(data.entityId))
+      },
+      entityId: data.entityId,
+      action: {
+        label: (action === null || action === void 0 ? void 0 : action.displayName) || "-",
+        value: data.action
+      },
+      data: data.data,
+      savedOn: data.timestamp,
+      initiator: {
+        id: data.initiator,
+        name: "".concat(user === null || user === void 0 ? void 0 : user.firstName, " ").concat(user === null || user === void 0 ? void 0 : user.lastName),
+        role: (user === null || user === void 0 ? void 0 : user.group.name) || ""
+      }
+    };
+  });
+};
+exports.transformCmsContentEntriesToRecordEntries = transformCmsContentEntriesToRecordEntries;
+
+//# sourceMappingURL=transformCmsContentEntriesToRecordEntries.js.map

package/utils/transformCmsContentEntriesToRecordEntries.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_config","require","transformCmsContentEntriesToRecordEntries","items","users","map","_ref","_app$entities","_entity$actions","id","data","app","auditLogsApps","find","entity","entities","type","action","actions","user","initiator","message","displayName","label","value","link","linkToEntity","encodeURIComponent","entityId","savedOn","timestamp","name","concat","firstName","lastName","role","group","exports"],"sources":["transformCmsContentEntriesToRecordEntries.ts"],"sourcesContent":["import { SearchRecordItem } from \"@webiny/app-aco/types\";\nimport { auditLogsApps } from \"@webiny/api-audit-logs/config\";\n\nimport { 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: string;\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?.group.name || \"\"\n            }\n        };\n    });\n};\n"],"mappings":";;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AA2BO,IAAMC,yCAAyC,GAAG,SAA5CA,yCAAyCA,CAClDC,KAAmC,EACnCC,KAAa,EACH;EACV,OAAOD,KAAK,CAACE,GAAG,CAAC,UAAAC,IAAA,EAAkB;IAAA,IAAAC,aAAA,EAAAC,eAAA;IAAA,IAAfC,EAAE,GAAAH,IAAA,CAAFG,EAAE;MAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACxB,IAAMC,GAAG,GAAGC,qBAAa,CAACC,IAAI,CAAC,UAAAF,GAAG;MAAA,OAAIA,GAAG,CAACA,GAAG,KAAKD,IAAI,CAACC,GAAG;IAAA,EAAC;IAC3D,IAAMG,MAAM,GAAGH,GAAG,aAAHA,GAAG,wBAAAJ,aAAA,GAAHI,GAAG,CAAEI,QAAQ,cAAAR,aAAA,uBAAbA,aAAA,CAAeM,IAAI,CAAC,UAAAC,MAAM;MAAA,OAAIA,MAAM,CAACE,IAAI,KAAKN,IAAI,CAACI,MAAM;IAAA,EAAC;IACzE,IAAMG,MAAM,GAAGH,MAAM,aAANA,MAAM,wBAAAN,eAAA,GAANM,MAAM,CAAEI,OAAO,cAAAV,eAAA,uBAAfA,eAAA,CAAiBK,IAAI,CAAC,UAAAI,MAAM;MAAA,OAAIA,MAAM,CAACD,IAAI,KAAKN,IAAI,CAACO,MAAM;IAAA,EAAC;IAC3E,IAAME,IAAI,GAAGf,KAAK,CAACS,IAAI,CAAC,UAAAM,IAAI;MAAA,OAAIA,IAAI,CAACV,EAAE,KAAKC,IAAI,CAACU,SAAS;IAAA,EAAC;IAE3D,OAAO;MACHX,EAAE,EAAFA,EAAE;MACFY,OAAO,EAAEX,IAAI,CAACW,OAAO;MACrBV,GAAG,EAAE,CAAAA,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEW,WAAW,KAAI,GAAG;MAC5BR,MAAM,EAAE;QACJS,KAAK,EAAE,CAAAT,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEQ,WAAW,KAAI,GAAG;QACjCE,KAAK,EAAEd,IAAI,CAACI,MAAM;QAClBW,IAAI,EAAE,CAAAX,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEY,YAAY,KAAIZ,MAAM,CAACY,YAAY,CAACC,kBAAkB,CAACjB,IAAI,CAACkB,QAAQ,CAAC;MACvF,CAAC;MACDA,QAAQ,EAAElB,IAAI,CAACkB,QAAQ;MACvBX,MAAM,EAAE;QACJM,KAAK,EAAE,CAAAN,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEK,WAAW,KAAI,GAAG;QACjCE,KAAK,EAAEd,IAAI,CAACO;MAChB,CAAC;MACDP,IAAI,EAAEA,IAAI,CAACA,IAAI;MACfmB,OAAO,EAAEnB,IAAI,CAACoB,SAAS;MACvBV,SAAS,EAAE;QACPX,EAAE,EAAEC,IAAI,CAACU,SAAS;QAClBW,IAAI,KAAAC,MAAA,CAAKb,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEc,SAAS,OAAAD,MAAA,CAAIb,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEe,QAAQ,CAAE;QAC5CC,IAAI,EAAE,CAAAhB,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEiB,KAAK,CAACL,IAAI,KAAI;MAC9B;IACJ,CAAC;EACL,CAAC,CAAC;AACN,CAAC;AAACM,OAAA,CAAAnC,yCAAA,GAAAA,yCAAA"}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FilterByAction: React.FC;

package/views/Logs/Filters/FilterByAction.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FilterByAction = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _form = require("@webiny/form");
+var _Select = require("@webiny/ui/Select");
+var _config = require("@webiny/api-audit-logs/config");
+var getValidFilterValue = function getValidFilterValue(value) {
+  if (value === "all" || value === "") {
+    return undefined;
+  }
+  return value;
+};
+var FilterByAction = function FilterByAction() {
+  var _data$data, _data$data2;
+  var _useForm = (0, _form.useForm)(),
+    data = _useForm.data;
+  var bind = (0, _form.useBind)({
+    name: "data.action",
+    beforeChange: function beforeChange(value, cb) {
+      cb(getValidFilterValue(value));
+    }
+  });
+  var appValue = data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.app;
+  var entityValue = data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.entity;
+  var options = (0, _react.useMemo)(function () {
+    var _auditLogsApps$find, _entities$find;
+    if (!appValue || !entityValue) {
+      return [];
+    }
+    var entities = ((_auditLogsApps$find = _config.auditLogsApps.find(function (app) {
+      return app.app === appValue;
+    })) === null || _auditLogsApps$find === void 0 ? void 0 : _auditLogsApps$find.entities) || [];
+    var actions = ((_entities$find = entities.find(function (entity) {
+      return entity.type === entityValue;
+    })) === null || _entities$find === void 0 ? void 0 : _entities$find.actions) || [];
+    return [{
+      label: "All",
+      value: "all"
+    }].concat((0, _toConsumableArray2.default)(actions.map(function (entity) {
+      return {
+        label: entity.displayName,
+        value: entity.type
+      };
+    })));
+  }, [appValue, entityValue]);
+  if (!appValue || !entityValue) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({}, bind, {
+    size: "medium",
+    placeholder: "Filter by Action",
+    options: options
+  }));
+};
+exports.FilterByAction = FilterByAction;
+
+//# sourceMappingURL=FilterByAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_Select","_config","getValidFilterValue","value","undefined","FilterByAction","_data$data","_data$data2","_useForm","useForm","data","bind","useBind","name","beforeChange","cb","appValue","app","entityValue","entity","options","useMemo","_auditLogsApps$find","_entities$find","entities","auditLogsApps","find","actions","type","label","concat","_toConsumableArray2","default","map","displayName","createElement","Select","Object","assign","size","placeholder","exports"],"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: React.FC = () => {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAa,EAAyB;EAC/D,IAAIA,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;IACjC,OAAOC,SAAS;EACpB;EACA,OAAOD,KAAK;AAChB,CAAC;AAEM,IAAME,cAAwB,GAAG,SAA3BA,cAAwBA,CAAA,EAAS;EAAA,IAAAC,UAAA,EAAAC,WAAA;EAC1C,IAAAC,QAAA,GAAiB,IAAAC,aAAO,EAAC,CAAC;IAAlBC,IAAI,GAAAF,QAAA,CAAJE,IAAI;EACZ,IAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC;IACjBC,IAAI,EAAE,aAAa;IACnBC,YAAY,WAAAA,aAACX,KAAK,EAAEY,EAAE,EAAE;MACpBA,EAAE,CAACb,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,IAAMa,QAAQ,GAAGN,IAAI,aAAJA,IAAI,wBAAAJ,UAAA,GAAJI,IAAI,CAAEA,IAAI,cAAAJ,UAAA,uBAAVA,UAAA,CAAYW,GAAG;EAChC,IAAMC,WAAW,GAAGR,IAAI,aAAJA,IAAI,wBAAAH,WAAA,GAAJG,IAAI,CAAEA,IAAI,cAAAH,WAAA,uBAAVA,WAAA,CAAYY,MAAM;EAEtC,IAAMC,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAAA,IAAAC,mBAAA,EAAAC,cAAA;IAC1B,IAAI,CAACP,QAAQ,IAAI,CAACE,WAAW,EAAE;MAC3B,OAAO,EAAE;IACb;IAEA,IAAMM,QAAQ,GAAG,EAAAF,mBAAA,GAAAG,qBAAa,CAACC,IAAI,CAAC,UAAAT,GAAG;MAAA,OAAIA,GAAG,CAACA,GAAG,KAAKD,QAAQ;IAAA,EAAC,cAAAM,mBAAA,uBAA/CA,mBAAA,CAAiDE,QAAQ,KAAI,EAAE;IAChF,IAAMG,OAAO,GAAG,EAAAJ,cAAA,GAAAC,QAAQ,CAACE,IAAI,CAAC,UAAAP,MAAM;MAAA,OAAIA,MAAM,CAACS,IAAI,KAAKV,WAAW;IAAA,EAAC,cAAAK,cAAA,uBAApDA,cAAA,CAAsDI,OAAO,KAAI,EAAE;IAEnF,QACI;MAAEE,KAAK,EAAE,KAAK;MAAE1B,KAAK,EAAE;IAAM,CAAC,EAAA2B,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EAC3BL,OAAO,CAACM,GAAG,CAAC,UAAAd,MAAM;MAAA,OAAK;QAAEU,KAAK,EAAEV,MAAM,CAACe,WAAW;QAAE/B,KAAK,EAAEgB,MAAM,CAACS;MAAK,CAAC;IAAA,CAAC,CAAC;EAErF,CAAC,EAAE,CAACZ,QAAQ,EAAEE,WAAW,CAAC,CAAC;EAE3B,IAAI,CAACF,QAAQ,IAAI,CAACE,WAAW,EAAE;IAC3B,OAAO,IAAI;EACf;EAEA,oBAAOtB,MAAA,CAAAoC,OAAA,CAAAG,aAAA,CAACnC,OAAA,CAAAoC,MAAM,EAAAC,MAAA,CAAAC,MAAA,KAAK3B,IAAI;IAAE4B,IAAI,EAAE,QAAS;IAACC,WAAW,EAAE,kBAAmB;IAACpB,OAAO,EAAEA;EAAQ,EAAE,CAAC;AAClG,CAAC;AAACqB,OAAA,CAAApC,cAAA,GAAAA,cAAA"}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FilterByApp: React.FC;

package/views/Logs/Filters/FilterByApp.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FilterByApp = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireDefault(require("react"));
+var _form = require("@webiny/form");
+var _Select = require("@webiny/ui/Select");
+var _config = require("@webiny/api-audit-logs/config");
+var getValidFilterValue = function getValidFilterValue(value) {
+  if (value === "all" || value === "") {
+    return undefined;
+  }
+  return value;
+};
+var FilterByApp = function FilterByApp() {
+  var _useForm = (0, _form.useForm)(),
+    setValue = _useForm.setValue;
+  var bind = (0, _form.useBind)({
+    name: "data.app",
+    beforeChange: function beforeChange(value, cb) {
+      setValue("data.entity", undefined);
+      setValue("data.action", undefined);
+      cb(getValidFilterValue(value));
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({}, bind, {
+    size: "medium",
+    placeholder: "Filter by App",
+    options: [{
+      label: "All",
+      value: "all"
+    }].concat((0, _toConsumableArray2.default)(_config.auditLogsApps.map(function (app) {
+      return {
+        label: app.displayName,
+        value: app.app
+      };
+    })))
+  }));
+};
+exports.FilterByApp = FilterByApp;
+
+//# sourceMappingURL=FilterByApp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Select","_config","getValidFilterValue","value","undefined","FilterByApp","_useForm","useForm","setValue","bind","useBind","name","beforeChange","cb","default","createElement","Select","Object","assign","size","placeholder","options","label","concat","_toConsumableArray2","auditLogsApps","map","app","displayName","exports"],"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: React.FC = () => {\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAa,EAAyB;EAC/D,IAAIA,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;IACjC,OAAOC,SAAS;EACpB;EACA,OAAOD,KAAK;AAChB,CAAC;AAEM,IAAME,WAAqB,GAAG,SAAxBA,WAAqBA,CAAA,EAAS;EACvC,IAAAC,QAAA,GAAqB,IAAAC,aAAO,EAAC,CAAC;IAAtBC,QAAQ,GAAAF,QAAA,CAARE,QAAQ;EAChB,IAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC;IACjBC,IAAI,EAAE,UAAU;IAChBC,YAAY,WAAAA,aAACT,KAAK,EAAEU,EAAE,EAAE;MACpBL,QAAQ,CAAC,aAAa,EAAEJ,SAAS,CAAC;MAClCI,QAAQ,CAAC,aAAa,EAAEJ,SAAS,CAAC;MAClCS,EAAE,CAACX,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,oBACIP,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,OAAA,CAAAgB,MAAM,EAAAC,MAAA,CAAAC,MAAA,KACCT,IAAI;IACRU,IAAI,EAAE,QAAS;IACfC,WAAW,EAAE,eAAgB;IAC7BC,OAAO,GACH;MAAEC,KAAK,EAAE,KAAK;MAAEnB,KAAK,EAAE;IAAM,CAAC,EAAAoB,MAAA,KAAAC,mBAAA,CAAAV,OAAA,EAC3BW,qBAAa,CAACC,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAK;QAAEL,KAAK,EAAEK,GAAG,CAACC,WAAW;QAAEzB,KAAK,EAAEwB,GAAG,CAACA;MAAI,CAAC;IAAA,CAAC,CAAC;EAC3E,EACL,CAAC;AAEV,CAAC;AAACE,OAAA,CAAAxB,WAAA,GAAAA,WAAA"}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FilterByEntity: React.FC;

package/views/Logs/Filters/FilterByEntity.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FilterByEntity = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _form = require("@webiny/form");
+var _Select = require("@webiny/ui/Select");
+var _config = require("@webiny/api-audit-logs/config");
+var getValidFilterValue = function getValidFilterValue(value) {
+  if (value === "all" || value === "") {
+    return undefined;
+  }
+  return value;
+};
+var FilterByEntity = function FilterByEntity() {
+  var _data$data;
+  var _useForm = (0, _form.useForm)(),
+    data = _useForm.data,
+    setValue = _useForm.setValue;
+  var bind = (0, _form.useBind)({
+    name: "data.entity",
+    beforeChange: function beforeChange(value, cb) {
+      setValue("data.action", undefined);
+      cb(getValidFilterValue(value));
+    }
+  });
+  var appValue = data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.app;
+  var options = (0, _react.useMemo)(function () {
+    var _auditLogsApps$find;
+    if (!appValue) {
+      return [];
+    }
+    var entities = ((_auditLogsApps$find = _config.auditLogsApps.find(function (app) {
+      return app.app === appValue;
+    })) === null || _auditLogsApps$find === void 0 ? void 0 : _auditLogsApps$find.entities) || [];
+    return [{
+      label: "All",
+      value: "all"
+    }].concat((0, _toConsumableArray2.default)(entities.map(function (entity) {
+      return {
+        label: entity.displayName,
+        value: entity.type
+      };
+    })));
+  }, [appValue]);
+  if (!appValue) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({}, bind, {
+    size: "medium",
+    placeholder: "Filter by Entity",
+    options: options
+  }));
+};
+exports.FilterByEntity = FilterByEntity;
+
+//# sourceMappingURL=FilterByEntity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_Select","_config","getValidFilterValue","value","undefined","FilterByEntity","_data$data","_useForm","useForm","data","setValue","bind","useBind","name","beforeChange","cb","appValue","app","options","useMemo","_auditLogsApps$find","entities","auditLogsApps","find","label","concat","_toConsumableArray2","default","map","entity","displayName","type","createElement","Select","Object","assign","size","placeholder","exports"],"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: React.FC = () => {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAa,EAAyB;EAC/D,IAAIA,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;IACjC,OAAOC,SAAS;EACpB;EACA,OAAOD,KAAK;AAChB,CAAC;AAEM,IAAME,cAAwB,GAAG,SAA3BA,cAAwBA,CAAA,EAAS;EAAA,IAAAC,UAAA;EAC1C,IAAAC,QAAA,GAA2B,IAAAC,aAAO,EAAC,CAAC;IAA5BC,IAAI,GAAAF,QAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,QAAA,CAARG,QAAQ;EACtB,IAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC;IACjBC,IAAI,EAAE,aAAa;IACnBC,YAAY,WAAAA,aAACX,KAAK,EAAEY,EAAE,EAAE;MACpBL,QAAQ,CAAC,aAAa,EAAEN,SAAS,CAAC;MAClCW,EAAE,CAACb,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,IAAMa,QAAQ,GAAGP,IAAI,aAAJA,IAAI,wBAAAH,UAAA,GAAJG,IAAI,CAAEA,IAAI,cAAAH,UAAA,uBAAVA,UAAA,CAAYW,GAAG;EAEhC,IAAMC,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAAA,IAAAC,mBAAA;IAC1B,IAAI,CAACJ,QAAQ,EAAE;MACX,OAAO,EAAE;IACb;IAEA,IAAMK,QAAQ,GAAG,EAAAD,mBAAA,GAAAE,qBAAa,CAACC,IAAI,CAAC,UAAAN,GAAG;MAAA,OAAIA,GAAG,CAACA,GAAG,KAAKD,QAAQ;IAAA,EAAC,cAAAI,mBAAA,uBAA/CA,mBAAA,CAAiDC,QAAQ,KAAI,EAAE;IAEhF,QACI;MAAEG,KAAK,EAAE,KAAK;MAAErB,KAAK,EAAE;IAAM,CAAC,EAAAsB,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EAC3BN,QAAQ,CAACO,GAAG,CAAC,UAAAC,MAAM;MAAA,OAAK;QAAEL,KAAK,EAAEK,MAAM,CAACC,WAAW;QAAE3B,KAAK,EAAE0B,MAAM,CAACE;MAAK,CAAC;IAAA,CAAC,CAAC;EAEtF,CAAC,EAAE,CAACf,QAAQ,CAAC,CAAC;EAEd,IAAI,CAACA,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EAEA,oBAAOpB,MAAA,CAAA+B,OAAA,CAAAK,aAAA,CAAChC,OAAA,CAAAiC,MAAM,EAAAC,MAAA,CAAAC,MAAA,KAAKxB,IAAI;IAAEyB,IAAI,EAAE,QAAS;IAACC,WAAW,EAAE,kBAAmB;IAACnB,OAAO,EAAEA;EAAQ,EAAE,CAAC;AAClG,CAAC;AAACoB,OAAA,CAAAjC,cAAA,GAAAA,cAAA"}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FilterByInitiator: React.FC;