@webiny/app-audit-logs 0.0.0-unstable.2696f9d9e8

package/views/Logs/Filters/FilterByInitiator.js

@@ -0,0 +1,50 @@
+"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.FilterByInitiator = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactHooks = require("@apollo/react-hooks");
+var _form = require("@webiny/form");
+var _Select = require("@webiny/ui/Select");
+var _graphql = require("../../../graphql");
+var getValidFilterValue = function getValidFilterValue(value) {
+  if (value === "all" || value === "") {
+    return undefined;
+  }
+  return value;
+};
+var FilterByInitiator = function FilterByInitiator() {
+  var _useQuery = (0, _reactHooks.useQuery)(_graphql.LIST_USERS),
+    listUsers = _useQuery.data;
+  var bind = (0, _form.useBind)({
+    name: "data.initiator",
+    beforeChange: function beforeChange(value, cb) {
+      cb(getValidFilterValue(value));
+    }
+  });
+  var options = (0, _react.useMemo)(function () {
+    var users = listUsers?.adminUsers?.users?.data || [];
+    return [{
+      label: "All",
+      value: "all"
+    }].concat((0, _toConsumableArray2.default)(users.map(function (user) {
+      return {
+        label: "".concat(user.firstName, " ").concat(user.lastName),
+        value: user.id
+      };
+    })));
+  }, [listUsers]);
+  return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({}, bind, {
+    size: "medium",
+    placeholder: "Filter by Initiator",
+    options: options
+  }));
+};
+exports.FilterByInitiator = FilterByInitiator;
+
+//# sourceMappingURL=FilterByInitiator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactHooks","_form","_Select","_graphql","getValidFilterValue","value","undefined","FilterByInitiator","_useQuery","useQuery","LIST_USERS","listUsers","data","bind","useBind","name","beforeChange","cb","options","useMemo","users","adminUsers","label","concat","_toConsumableArray2","default","map","user","firstName","lastName","id","createElement","Select","Object","assign","size","placeholder","exports"],"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 { 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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AAGA,IAAMK,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,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,EAAS;EACnC,IAAAC,SAAA,GAA4B,IAAAC,oBAAQ,EAACC,mBAAU,CAAC;IAAlCC,SAAS,GAAAH,SAAA,CAAfI,IAAI;EACZ,IAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC;IACjBC,IAAI,EAAE,gBAAgB;IACtBC,YAAY,WAAAA,aAACX,KAAK,EAAEY,EAAE,EAAE;MACpBA,EAAE,CAACb,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,IAAMa,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B,IAAMC,KAAa,GAAGT,SAAS,EAAEU,UAAU,EAAED,KAAK,EAAER,IAAI,IAAI,EAAE;IAE9D,QACI;MAAEU,KAAK,EAAE,KAAK;MAAEjB,KAAK,EAAE;IAAM,CAAC,EAAAkB,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EAC3BL,KAAK,CAACM,GAAG,CAAC,UAAAC,IAAI;MAAA,OAAK;QAAEL,KAAK,KAAAC,MAAA,CAAKI,IAAI,CAACC,SAAS,OAAAL,MAAA,CAAII,IAAI,CAACE,QAAQ,CAAE;QAAExB,KAAK,EAAEsB,IAAI,CAACG;MAAG,CAAC;IAAA,CAAC,CAAC;EAE/F,CAAC,EAAE,CAACnB,SAAS,CAAC,CAAC;EAEf,oBACId,MAAA,CAAA4B,OAAA,CAAAM,aAAA,CAAC7B,OAAA,CAAA8B,MAAM,EAAAC,MAAA,CAAAC,MAAA,KAAKrB,IAAI;IAAEsB,IAAI,EAAE,QAAS;IAACC,WAAW,EAAE,qBAAsB;IAAClB,OAAO,EAAEA;EAAQ,EAAE,CAAC;AAElG,CAAC;AAACmB,OAAA,CAAA9B,iBAAA,GAAAA,iBAAA"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const FilterByTimestamp: () => JSX.Element;

package/views/Logs/Filters/FilterByTimestamp.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FilterByTimestamp = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _dateFns = require("date-fns");
+var _Input = require("@webiny/ui/Input");
+var _form = require("@webiny/form");
+var _styled = require("./styled");
+var formatDateTime = function formatDateTime(date) {
+  if (!date) {
+    return "";
+  }
+  return (0, _dateFns.format)(new Date(date), "yyyy-MM-dd'T'HH:mm");
+};
+var getValidFilterValue = function getValidFilterValue(value) {
+  if (value === "") {
+    return undefined;
+  }
+  return new Date(value);
+};
+var FilterByTimestamp = function FilterByTimestamp() {
+  var bindFrom = (0, _form.useBind)({
+    name: "data.timestamp_gte",
+    beforeChange: function beforeChange(value, cb) {
+      cb(getValidFilterValue(value));
+    }
+  });
+  var bindTo = (0, _form.useBind)({
+    name: "data.timestamp_lte",
+    beforeChange: function beforeChange(value, cb) {
+      cb(getValidFilterValue(value));
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_styled.TimestampFiltersContainer, null, /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bindFrom, {
+    value: formatDateTime(bindFrom.value),
+    type: "datetime-local"
+  })), /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bindTo, {
+    value: formatDateTime(bindTo.value),
+    type: "datetime-local"
+  })));
+};
+exports.FilterByTimestamp = FilterByTimestamp;
+
+//# sourceMappingURL=FilterByTimestamp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_dateFns","_Input","_form","_styled","formatDateTime","date","format","Date","getValidFilterValue","value","undefined","FilterByTimestamp","bindFrom","useBind","name","beforeChange","cb","bindTo","default","createElement","TimestampFiltersContainer","Input","Object","assign","type","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAMK,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAY,EAAK;EACrC,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,EAAE;EACb;EAEA,OAAO,IAAAC,eAAM,EAAC,IAAIC,IAAI,CAACF,IAAI,CAAC,EAAE,oBAAoB,CAAC;AACvD,CAAC;AAED,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAa,EAAuB;EAC7D,IAAIA,KAAK,KAAK,EAAE,EAAE;IACd,OAAOC,SAAS;EACpB;EAEA,OAAO,IAAIH,IAAI,CAACE,KAAK,CAAC;AAC1B,CAAC;AAEM,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,EAAS;EACnC,IAAMC,QAAQ,GAAG,IAAAC,aAAO,EAAC;IACrBC,IAAI,EAAE,oBAAoB;IAC1BC,YAAY,WAAAA,aAACN,KAAK,EAAEO,EAAE,EAAE;MACpBA,EAAE,CAACR,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,IAAMQ,MAAM,GAAG,IAAAJ,aAAO,EAAC;IACnBC,IAAI,EAAE,oBAAoB;IAC1BC,YAAY,WAAAA,aAACN,KAAK,EAAEO,EAAE,EAAE;MACpBA,EAAE,CAACR,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,oBACIZ,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAAiB,yBAAyB,qBACtBvB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,MAAA,CAAAoB,KAAK,EAAAC,MAAA,CAAAC,MAAA,KAAKX,QAAQ;IAAEH,KAAK,EAAEL,cAAc,CAACQ,QAAQ,CAACH,KAAK,CAAE;IAACe,IAAI,EAAC;EAAgB,EAAE,CAAC,eACpF3B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,MAAA,CAAAoB,KAAK,EAAAC,MAAA,CAAAC,MAAA,KAAKN,MAAM;IAAER,KAAK,EAAEL,cAAc,CAACa,MAAM,CAACR,KAAK,CAAE;IAACe,IAAI,EAAC;EAAgB,EAAE,CACxD,CAAC;AAEpC,CAAC;AAACC,OAAA,CAAAd,iBAAA,GAAAA,iBAAA"}

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

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

package/views/Logs/Filters/Filters.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Filters = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _appAdmin = require("@webiny/app-admin");
+var _list = require("../../../config/list");
+var Filters = function Filters(_ref) {
+  var showingFilters = _ref.showingFilters,
+    setFilters = _ref.setFilters,
+    hasAccessToUsers = _ref.hasAccessToUsers;
+  var _useAuditLogsListConf = (0, _list.useAuditLogsListConfig)(),
+    browser = _useAuditLogsListConf.browser;
+  var applyFilters = function applyFilters(data) {
+    if (!Object.keys(data).length) {
+      return;
+    }
+    var convertedFilters = browser.filtersToWhere.reduce(function (data, converter) {
+      return converter(data);
+    }, data);
+    setFilters(convertedFilters);
+  };
+  var filters = (0, _react.useMemo)(function () {
+    if (hasAccessToUsers) {
+      return browser.filters;
+    }
+    return browser.filters.filter(function (filter) {
+      return filter.name !== "initiator";
+    });
+  }, [browser, hasAccessToUsers]);
+  return /*#__PURE__*/_react.default.createElement(_appAdmin.Filters, {
+    filters: filters,
+    show: showingFilters,
+    data: {},
+    onChange: applyFilters
+  });
+};
+exports.Filters = Filters;
+
+//# sourceMappingURL=Filters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_list","Filters","_ref","showingFilters","setFilters","hasAccessToUsers","_useAuditLogsListConf","useAuditLogsListConfig","browser","applyFilters","data","Object","keys","length","convertedFilters","filtersToWhere","reduce","converter","filters","useMemo","filter","name","default","createElement","show","onChange","exports"],"sources":["Filters.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Filters as BaseFilters, FiltersOnSubmit } from \"@webiny/app-admin\";\nimport { useAuditLogsListConfig } from \"~/config/list\";\n\ntype FiltersProps = {\n    showingFilters: boolean;\n    setFilters: (data: Record<string, any>) => void;\n    hasAccessToUsers: boolean;\n};\n\nexport const Filters = ({ showingFilters, setFilters, hasAccessToUsers }: FiltersProps) => {\n    const { browser } = useAuditLogsListConfig();\n\n    const applyFilters: FiltersOnSubmit = data => {\n        if (!Object.keys(data).length) {\n            return;\n        }\n\n        const convertedFilters = browser.filtersToWhere.reduce(\n            (data, converter) => converter(data),\n            data\n        );\n\n        setFilters(convertedFilters);\n    };\n\n    const filters = useMemo(() => {\n        if (hasAccessToUsers) {\n            return browser.filters;\n        }\n\n        return browser.filters.filter(filter => filter.name !== \"initiator\");\n    }, [browser, hasAccessToUsers]);\n\n    return (\n        <BaseFilters filters={filters} show={showingFilters} data={{}} onChange={applyFilters} />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAQO,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAuE;EAAA,IAAjEC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;EAClE,IAAAC,qBAAA,GAAoB,IAAAC,4BAAsB,EAAC,CAAC;IAApCC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;EAEf,IAAMC,YAA6B,GAAG,SAAhCA,YAA6BA,CAAGC,IAAI,EAAI;IAC1C,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,EAAE;MAC3B;IACJ;IAEA,IAAMC,gBAAgB,GAAGN,OAAO,CAACO,cAAc,CAACC,MAAM,CAClD,UAACN,IAAI,EAAEO,SAAS;MAAA,OAAKA,SAAS,CAACP,IAAI,CAAC;IAAA,GACpCA,IACJ,CAAC;IAEDN,UAAU,CAACU,gBAAgB,CAAC;EAChC,CAAC;EAED,IAAMI,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B,IAAId,gBAAgB,EAAE;MAClB,OAAOG,OAAO,CAACU,OAAO;IAC1B;IAEA,OAAOV,OAAO,CAACU,OAAO,CAACE,MAAM,CAAC,UAAAA,MAAM;MAAA,OAAIA,MAAM,CAACC,IAAI,KAAK,WAAW;IAAA,EAAC;EACxE,CAAC,EAAE,CAACb,OAAO,EAAEH,gBAAgB,CAAC,CAAC;EAE/B,oBACIT,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACxB,SAAA,CAAAE,OAAW;IAACiB,OAAO,EAAEA,OAAQ;IAACM,IAAI,EAAErB,cAAe;IAACO,IAAI,EAAE,CAAC,CAAE;IAACe,QAAQ,EAAEhB;EAAa,CAAE,CAAC;AAEjG,CAAC;AAACiB,OAAA,CAAAzB,OAAA,GAAAA,OAAA"}

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

@@ -0,0 +1,6 @@
+export * from "./Filters";
+export * from "./FilterByTimestamp";
+export * from "./FilterByInitiator";
+export * from "./FilterByApp";
+export * from "./FilterByEntity";
+export * from "./FilterByAction";

package/views/Logs/Filters/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Filters = require("./Filters");
+Object.keys(_Filters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Filters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Filters[key];
+    }
+  });
+});
+var _FilterByTimestamp = require("./FilterByTimestamp");
+Object.keys(_FilterByTimestamp).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FilterByTimestamp[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FilterByTimestamp[key];
+    }
+  });
+});
+var _FilterByInitiator = require("./FilterByInitiator");
+Object.keys(_FilterByInitiator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FilterByInitiator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FilterByInitiator[key];
+    }
+  });
+});
+var _FilterByApp = require("./FilterByApp");
+Object.keys(_FilterByApp).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FilterByApp[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FilterByApp[key];
+    }
+  });
+});
+var _FilterByEntity = require("./FilterByEntity");
+Object.keys(_FilterByEntity).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FilterByEntity[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FilterByEntity[key];
+    }
+  });
+});
+var _FilterByAction = require("./FilterByAction");
+Object.keys(_FilterByAction).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FilterByAction[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FilterByAction[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Filters","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_FilterByTimestamp","_FilterByInitiator","_FilterByApp","_FilterByEntity","_FilterByAction"],"sources":["index.tsx"],"sourcesContent":["export * from \"./Filters\";\nexport * from \"./FilterByTimestamp\";\nexport * from \"./FilterByInitiator\";\nexport * from \"./FilterByApp\";\nexport * from \"./FilterByEntity\";\nexport * from \"./FilterByAction\";\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,kBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,kBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,kBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,kBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,kBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,kBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,kBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,kBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,YAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,YAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,YAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,YAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,eAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,eAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,eAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,eAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,eAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,eAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,eAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAK,eAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const TimestampFiltersContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/views/Logs/Filters/styled.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimestampFiltersContainer = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var TimestampFiltersContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "TimestampFiltersContainer",
+  target: "e3td46t0"
+})("display:flex;column-gap:16px;.mdc-text-field:first-of-type{height:40px !important;input:before{content:\"From:\";margin-right:8px;}}.mdc-text-field:last-of-type{height:40px !important;input:before{content:\"To:\";margin-right:8px;}}");
+exports.TimestampFiltersContainer = TimestampFiltersContainer;
+
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","TimestampFiltersContainer","styled","label","target","exports"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const TimestampFiltersContainer = styled.div`\n    display: flex;\n    column-gap: 16px;\n\n    .mdc-text-field:first-of-type {\n        height: 40px !important;\n\n        input:before {\n            content: \"From:\";\n            margin-right: 8px;\n        }\n    }\n\n    .mdc-text-field:last-of-type {\n        height: 40px !important;\n\n        input:before {\n            content: \"To:\";\n            margin-right: 8px;\n        }\n    }\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,yBAAyB,oBAAGC,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,8OAqB9C;AAACC,OAAA,CAAAJ,yBAAA,GAAAA,yBAAA"}

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

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

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

@@ -0,0 +1,44 @@
+"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.ButtonFilters = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _filter_alt = require("@material-design-icons/svg/outlined/filter_alt.svg");
+var _filter_alt_off = require("@material-design-icons/svg/outlined/filter_alt_off.svg");
+var _Button = require("@webiny/ui/Button");
+var ButtonWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "ButtonWrapper",
+  target: "e7rv3rv0"
+})("margin-left:8px;");
+var Icon = function Icon(_ref) {
+  var showingFilters = _ref.showingFilters;
+  return showingFilters ? /*#__PURE__*/_react.default.createElement(_filter_alt_off.ReactComponent, null) : /*#__PURE__*/_react.default.createElement(_filter_alt.ReactComponent, null);
+};
+var IconComponent = /*#__PURE__*/_react.default.memo(Icon);
+var ButtonFilters = function ButtonFilters(_ref2) {
+  var showingFilters = _ref2.showingFilters,
+    hideFilters = _ref2.hideFilters,
+    showFilters = _ref2.showFilters;
+  var toggleFilters = (0, _react.useCallback)(function () {
+    if (showingFilters) {
+      hideFilters();
+      return;
+    }
+    showFilters();
+  }, [showingFilters]);
+  return /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    icon: /*#__PURE__*/_react.default.createElement(IconComponent, {
+      showingFilters: showingFilters
+    }),
+    onClick: toggleFilters,
+    "data-testid": "audit-logs.toggle-filters"
+  }));
+};
+exports.ButtonFilters = ButtonFilters;
+
+//# sourceMappingURL=ButtonFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_filter_alt","_filter_alt_off","_Button","ButtonWrapper","styled","label","target","Icon","_ref","showingFilters","default","createElement","ReactComponent","IconComponent","React","memo","ButtonFilters","_ref2","hideFilters","showFilters","toggleFilters","useCallback","IconButton","icon","onClick","exports"],"sources":["ButtonFilters.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { ReactComponent as FilterIcon } from \"@material-design-icons/svg/outlined/filter_alt.svg\";\nimport { ReactComponent as CloseFilterIcon } from \"@material-design-icons/svg/outlined/filter_alt_off.svg\";\nimport { IconButton } from \"@webiny/ui/Button\";\n\nconst ButtonWrapper = styled(\"div\")`\n    margin-left: 8px;\n`;\n\ninterface IconProps {\n    showingFilters?: boolean;\n}\n\nconst Icon = ({ showingFilters }: IconProps) => {\n    return showingFilters ? <CloseFilterIcon /> : <FilterIcon />;\n};\nconst IconComponent = React.memo(Icon);\n\ntype ButtonFiltersProps = {\n    showingFilters: boolean;\n    hideFilters: () => void;\n    showFilters: () => void;\n};\n\nexport const ButtonFilters = ({ showingFilters, hideFilters, showFilters }: ButtonFiltersProps) => {\n    const toggleFilters = useCallback(() => {\n        if (showingFilters) {\n            hideFilters();\n            return;\n        }\n        showFilters();\n    }, [showingFilters]);\n\n    return (\n        <ButtonWrapper>\n            <IconButton\n                icon={<IconComponent showingFilters={showingFilters} />}\n                onClick={toggleFilters}\n                data-testid=\"audit-logs.toggle-filters\"\n            />\n        </ButtonWrapper>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAEA,IAAMM,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,sBAEjC;AAMD,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA,EAAsC;EAAA,IAAhCC,cAAc,GAAAD,IAAA,CAAdC,cAAc;EAC1B,OAAOA,cAAc,gBAAGd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,eAAA,CAAAW,cAAe,MAAE,CAAC,gBAAGjB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,WAAA,CAAAY,cAAU,MAAE,CAAC;AAChE,CAAC;AACD,IAAMC,aAAa,gBAAGC,cAAK,CAACC,IAAI,CAACR,IAAI,CAAC;AAQ/B,IAAMS,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,KAAA,EAAyE;EAAA,IAAnER,cAAc,GAAAQ,KAAA,CAAdR,cAAc;IAAES,WAAW,GAAAD,KAAA,CAAXC,WAAW;IAAEC,WAAW,GAAAF,KAAA,CAAXE,WAAW;EACpE,IAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACpC,IAAIZ,cAAc,EAAE;MAChBS,WAAW,CAAC,CAAC;MACb;IACJ;IACAC,WAAW,CAAC,CAAC;EACjB,CAAC,EAAE,CAACV,cAAc,CAAC,CAAC;EAEpB,oBACId,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACR,aAAa,qBACVR,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAoB,UAAU;IACPC,IAAI,eAAE5B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACE,aAAa;MAACJ,cAAc,EAAEA;IAAe,CAAE,CAAE;IACxDe,OAAO,EAAEJ,aAAc;IACvB,eAAY;EAA2B,CAC1C,CACU,CAAC;AAExB,CAAC;AAACK,OAAA,CAAAT,aAAA,GAAAA,aAAA"}

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ButtonFilters = require("./ButtonFilters");
+Object.keys(_ButtonFilters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ButtonFilters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ButtonFilters[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ButtonFilters","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./ButtonFilters\";\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type HeaderProps = {
+    title: string;
+    searchValue: string;
+    onSearchChange: (value: string) => void;
+    showingFilters: boolean;
+    hideFilters: () => void;
+    showFilters: () => void;
+};
+export declare const Header: ({ title, searchValue, onSearchChange, showingFilters, hideFilters, showFilters }: HeaderProps) => JSX.Element;
+export {};

package/views/Logs/Header/Header.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _appAco = require("@webiny/app-aco");
+var _Grid = require("@webiny/ui/Grid");
+var _ButtonFilters = require("./ButtonFilters");
+var _Text = require("../../../components/Text");
+var Container = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "Container",
+  target: "egutk2e0"
+})("padding:8px 20px 8px 20px;width:100%;box-sizing:border-box;position:absolute;top:0;left:0;z-index:3;background:var(--mdc-theme-surface);border-bottom:1px solid rgba(0,0,0,0.12);");
+var WrapperActions = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "WrapperActions",
+  target: "egutk2e1"
+})("width:100%;display:flex;justify-content:flex-end;align-items:center;height:100%;");
+var TitleWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "TitleWrapper",
+  target: "egutk2e2"
+})("display:flex;align-items:center;height:100%;");
+var Header = function Header(_ref) {
+  var title = _ref.title,
+    searchValue = _ref.searchValue,
+    onSearchChange = _ref.onSearchChange,
+    showingFilters = _ref.showingFilters,
+    hideFilters = _ref.hideFilters,
+    showFilters = _ref.showFilters;
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
+    align: "right",
+    style: {
+      padding: 0
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 4
+  }, /*#__PURE__*/_react.default.createElement(TitleWrapper, null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    use: "headline5"
+  }, title))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 8
+  }, /*#__PURE__*/_react.default.createElement(WrapperActions, null, /*#__PURE__*/_react.default.createElement(_appAco.Search, {
+    value: searchValue,
+    onChange: onSearchChange
+  }), /*#__PURE__*/_react.default.createElement(_ButtonFilters.ButtonFilters, {
+    showingFilters: showingFilters,
+    hideFilters: hideFilters,
+    showFilters: showFilters
+  })))));
+};
+exports.Header = Header;
+
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_appAco","_Grid","_ButtonFilters","_Text","Container","styled","label","target","WrapperActions","TitleWrapper","Header","_ref","title","searchValue","onSearchChange","showingFilters","hideFilters","showFilters","default","createElement","Grid","align","style","padding","Cell","span","Text","use","Search","value","onChange","ButtonFilters","exports"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Search } from \"@webiny/app-aco\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\n\nimport { ButtonFilters } from \"~/views/Logs/Header/ButtonFilters\";\nimport { Text } from \"~/components/Text\";\n\nconst Container = styled(\"div\")`\n    padding: 8px 20px 8px 20px;\n    width: 100%;\n    box-sizing: border-box;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 3;\n    background: var(--mdc-theme-surface);\n    border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n`;\n\nconst WrapperActions = styled(\"div\")`\n    width: 100%;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    height: 100%;\n`;\n\nconst TitleWrapper = styled(\"div\")`\n    display: flex;\n    align-items: center;\n    height: 100%;\n`;\n\ntype HeaderProps = {\n    title: string;\n    searchValue: string;\n    onSearchChange: (value: string) => void;\n    showingFilters: boolean;\n    hideFilters: () => void;\n    showFilters: () => void;\n};\n\nexport const Header = ({\n    title,\n    searchValue,\n    onSearchChange,\n    showingFilters,\n    hideFilters,\n    showFilters\n}: HeaderProps) => {\n    return (\n        <Container>\n            <Grid align={\"right\"} style={{ padding: 0 }}>\n                <Cell span={4}>\n                    <TitleWrapper>\n                        <Text use={\"headline5\"}>{title}</Text>\n                    </TitleWrapper>\n                </Cell>\n                <Cell span={8}>\n                    <WrapperActions>\n                        <Search value={searchValue} onChange={onSearchChange} />\n                        <ButtonFilters\n                            showingFilters={showingFilters}\n                            hideFilters={hideFilters}\n                            showFilters={showFilters}\n                        />\n                    </WrapperActions>\n                </Cell>\n            </Grid>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAEA,IAAMM,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,uLAU7B;AAED,IAAMC,cAAc,oBAAGH,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,sFAMlC;AAED,IAAME,YAAY,oBAAGJ,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,kDAIhC;AAWM,IAAMG,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAOA;EAAA,IANfC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,WAAW,GAAAN,IAAA,CAAXM,WAAW;EAEX,oBACIrB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACf,SAAS,qBACNR,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAClB,KAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE,OAAQ;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAE;EAAE,gBACxC3B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAClB,KAAA,CAAAuB,IAAI;IAACC,IAAI,EAAE;EAAE,gBACV7B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACV,YAAY,qBACTb,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAChB,KAAA,CAAAuB,IAAI;IAACC,GAAG,EAAE;EAAY,GAAEf,KAAY,CAC3B,CACZ,CAAC,eACPhB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAClB,KAAA,CAAAuB,IAAI;IAACC,IAAI,EAAE;EAAE,gBACV7B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACX,cAAc,qBACXZ,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,OAAA,CAAA4B,MAAM;IAACC,KAAK,EAAEhB,WAAY;IAACiB,QAAQ,EAAEhB;EAAe,CAAE,CAAC,eACxDlB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACjB,cAAA,CAAA6B,aAAa;IACVhB,cAAc,EAAEA,cAAe;IAC/BC,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA;EAAY,CAC5B,CACW,CACd,CACJ,CACC,CAAC;AAEpB,CAAC;AAACe,OAAA,CAAAtB,MAAA,GAAAA,MAAA"}

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

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

package/views/Logs/Header/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Header = require("./Header");
+Object.keys(_Header).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Header[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Header[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Header","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./Header\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

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

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

package/views/Logs/LoadMoreButton/LoadMoreButton.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadMoreButton = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _i18n = require("@webiny/app/i18n");
+var _Button = require("@webiny/ui/Button");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-audit-logs/views/logs/load-more-button");
+var LoadMoreButton = function LoadMoreButton(_ref) {
+  var disabled = _ref.disabled,
+    windowHeight = _ref.windowHeight,
+    tableHeight = _ref.tableHeight,
+    show = _ref.show,
+    onClick = _ref.onClick;
+  if (show && windowHeight > tableHeight) {
+    return /*#__PURE__*/_react.default.createElement(_styled.Container, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+      onClick: onClick,
+      disabled: disabled,
+      flat: true
+    }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Load more records"])))));
+  }
+  return null;
+};
+exports.LoadMoreButton = LoadMoreButton;
+
+//# sourceMappingURL=LoadMoreButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Button","_styled","_templateObject","t","i18n","ns","LoadMoreButton","_ref","disabled","windowHeight","tableHeight","show","onClick","default","createElement","Container","ButtonPrimary","flat","_taggedTemplateLiteral2","exports"],"sources":["LoadMoreButton.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\n\nimport { Container } from \"./styled\";\n\nconst t = i18n.ns(\"app-audit-logs/views/logs/load-more-button\");\n\nexport interface LoadMoreButtonProps {\n    windowHeight: number;\n    tableHeight: number;\n    onClick: () => void;\n    disabled?: boolean;\n    show: boolean;\n}\n\nexport const LoadMoreButton = ({\n    disabled,\n    windowHeight,\n    tableHeight,\n    show,\n    onClick\n}: LoadMoreButtonProps): ReactElement | null => {\n    if (show && windowHeight > tableHeight) {\n        return (\n            <Container>\n                <ButtonPrimary\n                    onClick={onClick}\n                    disabled={disabled}\n                    flat={true}\n                >{t`Load more records`}</ButtonPrimary>\n            </Container>\n        );\n    }\n\n    return null;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAqC,IAAAI,eAAA;AAErC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,4CAA4C,CAAC;AAUxD,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAMqB;EAAA,IAL5CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,OAAO,GAAAL,IAAA,CAAPK,OAAO;EAEP,IAAID,IAAI,IAAIF,YAAY,GAAGC,WAAW,EAAE;IACpC,oBACId,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,OAAA,CAAAc,SAAS,qBACNnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAgB,aAAa;MACVJ,OAAO,EAAEA,OAAQ;MACjBJ,QAAQ,EAAEA,QAAS;MACnBS,IAAI,EAAE;IAAK,GACbd,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAgB,uBAAA,CAAAL,OAAA,0BAAmC,CAC/B,CAAC;EAEpB;EAEA,OAAO,IAAI;AACf,CAAC;AAACM,OAAA,CAAAb,cAAA,GAAAA,cAAA"}

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

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

package/views/Logs/LoadMoreButton/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _LoadMoreButton = require("./LoadMoreButton");
+Object.keys(_LoadMoreButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LoadMoreButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LoadMoreButton[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_LoadMoreButton","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./LoadMoreButton\";\n"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/views/Logs/LoadMoreButton/styled.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var Container = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "Container",
+  target: "ewu9eue0"
+})("display:flex;justify-content:center;margin-top:16px;");
+exports.Container = Container;
+
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","Container","styled","label","target","exports"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Container = styled(\"div\")`\n    display: flex;\n    justify-content: center;\n    margin-top: 16px;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,0DAIpC;AAACC,OAAA,CAAAJ,SAAA,GAAAA,SAAA"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LoadingMore: () => JSX.Element;