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

package/views/Logs/Filters/Filters.js

@@ -0,0 +1,32 @@
+import React, { useMemo } from "react";
+import { Filters as BaseFilters } from "@webiny/app-admin";
+import { useAuditLogsListConfig } from "../../../config/list";
+export const Filters = ({
+  showingFilters,
+  setFilters,
+  hasAccessToUsers
+}) => {
+  const {
+    browser
+  } = useAuditLogsListConfig();
+  const applyFilters = data => {
+    if (!Object.keys(data).length) {
+      return;
+    }
+    const convertedFilters = browser.filtersToWhere.reduce((data, converter) => converter(data), data);
+    setFilters(convertedFilters);
+  };
+  const filters = useMemo(() => {
+    if (hasAccessToUsers) {
+      return browser.filters;
+    }
+    return browser.filters.filter(filter => filter.name !== "initiator");
+  }, [browser, hasAccessToUsers]);
+  return /*#__PURE__*/React.createElement(BaseFilters, {
+    filters: filters,
+    show: showingFilters,
+    onChange: applyFilters
+  });
+};
+
+//# sourceMappingURL=Filters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Filters","BaseFilters","useAuditLogsListConfig","showingFilters","setFilters","hasAccessToUsers","browser","applyFilters","data","Object","keys","length","convertedFilters","filtersToWhere","reduce","converter","filters","filter","name","createElement","show","onChange"],"sources":["Filters.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { FiltersOnSubmit } from \"@webiny/app-admin\";\nimport { Filters as BaseFilters } 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 <BaseFilters filters={filters} show={showingFilters} onChange={applyFilters} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,OAAO,IAAIC,WAAW,QAAQ,mBAAmB;AAC1D,SAASC,sBAAsB;AAQ/B,OAAO,MAAMF,OAAO,GAAGA,CAAC;EAAEG,cAAc;EAAEC,UAAU;EAAEC;AAA+B,CAAC,KAAK;EACvF,MAAM;IAAEC;EAAQ,CAAC,GAAGJ,sBAAsB,CAAC,CAAC;EAE5C,MAAMK,YAA6B,GAAGC,IAAI,IAAI;IAC1C,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,EAAE;MAC3B;IACJ;IAEA,MAAMC,gBAAgB,GAAGN,OAAO,CAACO,cAAc,CAACC,MAAM,CAClD,CAACN,IAAI,EAAEO,SAAS,KAAKA,SAAS,CAACP,IAAI,CAAC,EACpCA,IACJ,CAAC;IAEDJ,UAAU,CAACQ,gBAAgB,CAAC;EAChC,CAAC;EAED,MAAMI,OAAO,GAAGjB,OAAO,CAAC,MAAM;IAC1B,IAAIM,gBAAgB,EAAE;MAClB,OAAOC,OAAO,CAACU,OAAO;IAC1B;IAEA,OAAOV,OAAO,CAACU,OAAO,CAACC,MAAM,CAACA,MAAM,IAAIA,MAAM,CAACC,IAAI,KAAK,WAAW,CAAC;EACxE,CAAC,EAAE,CAACZ,OAAO,EAAED,gBAAgB,CAAC,CAAC;EAE/B,oBAAOP,KAAA,CAAAqB,aAAA,CAAClB,WAAW;IAACe,OAAO,EAAEA,OAAQ;IAACI,IAAI,EAAEjB,cAAe;IAACkB,QAAQ,EAAEd;EAAa,CAAE,CAAC;AAC1F,CAAC","ignoreList":[]}

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,8 @@
+export * from "./Filters";
+export * from "./FilterByTimestamp";
+export * from "./FilterByInitiator";
+export * from "./FilterByApp";
+export * from "./FilterByEntity";
+export * from "./FilterByAction";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"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;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

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, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/views/Logs/Filters/styled.js

@@ -0,0 +1,18 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+export const TimestampFiltersContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e3td46t0"
+} : {
+  target: "e3td46t0",
+  label: "TimestampFiltersContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "7lhi4b",
+  styles: "display:flex;column-gap:16px;flex-grow:1;.mdc-text-field:first-of-type{height:40px!important;position:relative;min-width:225px;input{text-indent:20px;}input:before{text-indent:0;content:\"From:\";margin-left:-25px;position:absolute;}}.mdc-text-field:last-of-type{height:40px!important;position:relative;min-width:205px;input{text-indent:10px;}input:before{text-indent:0;content:\"To:\";margin-left:-15px;position:absolute;}}"
+} : {
+  name: "7lhi4b",
+  styles: "display:flex;column-gap:16px;flex-grow:1;.mdc-text-field:first-of-type{height:40px!important;position:relative;min-width:225px;input{text-indent:20px;}input:before{text-indent:0;content:\"From:\";margin-left:-25px;position:absolute;}}.mdc-text-field:last-of-type{height:40px!important;position:relative;min-width:205px;input{text-indent:10px;}input:before{text-indent:0;content:\"To:\";margin-left:-15px;position:absolute;}}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW1EIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IFRpbWVzdGFtcEZpbHRlcnNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY29sdW1uLWdhcDogMTZweDtcbiAgICBmbGV4LWdyb3c6IDE7XG5cbiAgICAubWRjLXRleHQtZmllbGQ6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIGhlaWdodDogNDBweCAhaW1wb3J0YW50O1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIG1pbi13aWR0aDogMjI1cHg7XG5cbiAgICAgICAgaW5wdXQge1xuICAgICAgICAgICAgdGV4dC1pbmRlbnQ6IDIwcHg7XG4gICAgICAgIH1cblxuICAgICAgICBpbnB1dDpiZWZvcmUge1xuICAgICAgICAgICAgdGV4dC1pbmRlbnQ6IDA7XG4gICAgICAgICAgICBjb250ZW50OiBcIkZyb206XCI7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogLTI1cHg7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAubWRjLXRleHQtZmllbGQ6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgaGVpZ2h0OiA0MHB4ICFpbXBvcnRhbnQ7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgbWluLXdpZHRoOiAyMDVweDtcblxuICAgICAgICBpbnB1dCB7XG4gICAgICAgICAgICB0ZXh0LWluZGVudDogMTBweDtcbiAgICAgICAgfVxuXG4gICAgICAgIGlucHV0OmJlZm9yZSB7XG4gICAgICAgICAgICB0ZXh0LWluZGVudDogMDtcbiAgICAgICAgICAgIGNvbnRlbnQ6IFwiVG86XCI7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogLTE1cHg7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["TimestampFiltersContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const TimestampFiltersContainer = styled.div`\n    display: flex;\n    column-gap: 16px;\n    flex-grow: 1;\n\n    .mdc-text-field:first-of-type {\n        height: 40px !important;\n        position: relative;\n        min-width: 225px;\n\n        input {\n            text-indent: 20px;\n        }\n\n        input:before {\n            text-indent: 0;\n            content: \"From:\";\n            margin-left: -25px;\n            position: absolute;\n        }\n    }\n\n    .mdc-text-field:last-of-type {\n        height: 40px !important;\n        position: relative;\n        min-width: 205px;\n\n        input {\n            text-indent: 10px;\n        }\n\n        input:before {\n            text-indent: 0;\n            content: \"To:\";\n            margin-left: -15px;\n            position: absolute;\n        }\n    }\n`;\n"],"mappings":";;AAEA,OAAO,MAAMA,yBAAyB,gBAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAsCrC","ignoreList":[]}

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

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

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

@@ -0,0 +1,48 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import React, { useCallback } from "react";
+import { ReactComponent as FilterIcon } from "@webiny/icons/filter_list.svg";
+import { ReactComponent as CloseFilterIcon } from "@webiny/icons/filter_list_off.svg";
+import { IconButton } from "@webiny/ui/Button";
+const ButtonWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e7rv3rv0"
+} : {
+  target: "e7rv3rv0",
+  label: "ButtonWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1q4vxyr",
+  styles: "margin-left:8px"
+} : {
+  name: "1q4vxyr",
+  styles: "margin-left:8px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkZpbHRlcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9tQyIsImZpbGUiOiJCdXR0b25GaWx0ZXJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEZpbHRlckljb24gfSBmcm9tIFwiQHdlYmlueS9pY29ucy9maWx0ZXJfbGlzdC5zdmdcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIENsb3NlRmlsdGVySWNvbiB9IGZyb20gXCJAd2ViaW55L2ljb25zL2ZpbHRlcl9saXN0X29mZi5zdmdcIjtcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtYXJnaW4tbGVmdDogOHB4O1xuYDtcblxuaW50ZXJmYWNlIEljb25Qcm9wcyB7XG4gICAgc2hvd2luZ0ZpbHRlcnM/OiBib29sZWFuO1xufVxuXG5jb25zdCBJY29uID0gKHsgc2hvd2luZ0ZpbHRlcnMgfTogSWNvblByb3BzKSA9PiB7XG4gICAgcmV0dXJuIHNob3dpbmdGaWx0ZXJzID8gPENsb3NlRmlsdGVySWNvbiAvPiA6IDxGaWx0ZXJJY29uIC8+O1xufTtcbmNvbnN0IEljb25Db21wb25lbnQgPSBSZWFjdC5tZW1vKEljb24pO1xuXG50eXBlIEJ1dHRvbkZpbHRlcnNQcm9wcyA9IHtcbiAgICBzaG93aW5nRmlsdGVyczogYm9vbGVhbjtcbiAgICBoaWRlRmlsdGVyczogKCkgPT4gdm9pZDtcbiAgICBzaG93RmlsdGVyczogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBCdXR0b25GaWx0ZXJzID0gKHsgc2hvd2luZ0ZpbHRlcnMsIGhpZGVGaWx0ZXJzLCBzaG93RmlsdGVycyB9OiBCdXR0b25GaWx0ZXJzUHJvcHMpID0+IHtcbiAgICBjb25zdCB0b2dnbGVGaWx0ZXJzID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICBpZiAoc2hvd2luZ0ZpbHRlcnMpIHtcbiAgICAgICAgICAgIGhpZGVGaWx0ZXJzKCk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgc2hvd0ZpbHRlcnMoKTtcbiAgICB9LCBbc2hvd2luZ0ZpbHRlcnNdKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxCdXR0b25XcmFwcGVyPlxuICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICBpY29uPXs8SWNvbkNvbXBvbmVudCBzaG93aW5nRmlsdGVycz17c2hvd2luZ0ZpbHRlcnN9IC8+fVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e3RvZ2dsZUZpbHRlcnN9XG4gICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJhdWRpdC1sb2dzLnRvZ2dsZS1maWx0ZXJzXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Icon = ({
+  showingFilters
+}) => {
+  return showingFilters ? /*#__PURE__*/React.createElement(CloseFilterIcon, null) : /*#__PURE__*/React.createElement(FilterIcon, null);
+};
+const IconComponent = /*#__PURE__*/React.memo(Icon);
+export const ButtonFilters = ({
+  showingFilters,
+  hideFilters,
+  showFilters
+}) => {
+  const toggleFilters = useCallback(() => {
+    if (showingFilters) {
+      hideFilters();
+      return;
+    }
+    showFilters();
+  }, [showingFilters]);
+  return /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(IconComponent, {
+      showingFilters: showingFilters
+    }),
+    onClick: toggleFilters,
+    "data-testid": "audit-logs.toggle-filters"
+  }));
+};
+
+//# sourceMappingURL=ButtonFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","ReactComponent","FilterIcon","CloseFilterIcon","IconButton","ButtonWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Icon","showingFilters","createElement","IconComponent","memo","ButtonFilters","hideFilters","showFilters","toggleFilters","icon","onClick"],"sources":["ButtonFilters.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { ReactComponent as FilterIcon } from \"@webiny/icons/filter_list.svg\";\nimport { ReactComponent as CloseFilterIcon } from \"@webiny/icons/filter_list_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,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAG1C,SAASC,cAAc,IAAIC,UAAU,QAAQ,+BAA+B;AAC5E,SAASD,cAAc,IAAIE,eAAe,QAAQ,mCAAmC;AACrF,SAASC,UAAU,QAAQ,mBAAmB;AAE9C,MAAMC,aAAa,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAElC;AAMD,MAAMC,IAAI,GAAGA,CAAC;EAAEC;AAA0B,CAAC,KAAK;EAC5C,OAAOA,cAAc,gBAAGnB,KAAA,CAAAoB,aAAA,CAAChB,eAAe,MAAE,CAAC,gBAAGJ,KAAA,CAAAoB,aAAA,CAACjB,UAAU,MAAE,CAAC;AAChE,CAAC;AACD,MAAMkB,aAAa,gBAAGrB,KAAK,CAACsB,IAAI,CAACJ,IAAI,CAAC;AAQtC,OAAO,MAAMK,aAAa,GAAGA,CAAC;EAAEJ,cAAc;EAAEK,WAAW;EAAEC;AAAgC,CAAC,KAAK;EAC/F,MAAMC,aAAa,GAAGzB,WAAW,CAAC,MAAM;IACpC,IAAIkB,cAAc,EAAE;MAChBK,WAAW,CAAC,CAAC;MACb;IACJ;IACAC,WAAW,CAAC,CAAC;EACjB,CAAC,EAAE,CAACN,cAAc,CAAC,CAAC;EAEpB,oBACInB,KAAA,CAAAoB,aAAA,CAACd,aAAa,qBACVN,KAAA,CAAAoB,aAAA,CAACf,UAAU;IACPsB,IAAI,eAAE3B,KAAA,CAAAoB,aAAA,CAACC,aAAa;MAACF,cAAc,EAAEA;IAAe,CAAE,CAAE;IACxDS,OAAO,EAAEF,aAAc;IACvB,eAAY;EAA2B,CAC1C,CACU,CAAC;AAExB,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1,3 @@
+export * from "./ButtonFilters";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./ButtonFilters\";\n"],"mappings":"AAAA","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+import React from "react";
+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) => React.JSX.Element;
+export {};

package/views/Logs/Header/Header.js

@@ -0,0 +1,79 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import React from "react";
+import { Search } from "@webiny/app-aco";
+import { Cell, Grid } from "@webiny/ui/Grid";
+import { ButtonFilters } from "./ButtonFilters";
+import { Text } from "../../../components/Text";
+const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "egutk2e2"
+} : {
+  target: "egutk2e2",
+  label: "Container"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1fri7pu",
+  styles: "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)"
+} : {
+  name: "1fri7pu",
+  styles: "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)",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUytCIiwiZmlsZSI6IkhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgU2VhcmNoIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFjb1wiO1xuaW1wb3J0IHsgQ2VsbCwgR3JpZCB9IGZyb20gXCJAd2ViaW55L3VpL0dyaWRcIjtcblxuaW1wb3J0IHsgQnV0dG9uRmlsdGVycyB9IGZyb20gXCJ+L3ZpZXdzL0xvZ3MvSGVhZGVyL0J1dHRvbkZpbHRlcnNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwifi9jb21wb25lbnRzL1RleHRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBhZGRpbmc6IDhweCAyMHB4IDhweCAyMHB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHotaW5kZXg6IDM7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuYDtcblxuY29uc3QgV3JhcHBlckFjdGlvbnMgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAxMDAlO1xuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgc2VhcmNoVmFsdWU6IHN0cmluZztcbiAgICBvblNlYXJjaENoYW5nZTogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgc2hvd2luZ0ZpbHRlcnM6IGJvb2xlYW47XG4gICAgaGlkZUZpbHRlcnM6ICgpID0+IHZvaWQ7XG4gICAgc2hvd0ZpbHRlcnM6ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gKHtcbiAgICB0aXRsZSxcbiAgICBzZWFyY2hWYWx1ZSxcbiAgICBvblNlYXJjaENoYW5nZSxcbiAgICBzaG93aW5nRmlsdGVycyxcbiAgICBoaWRlRmlsdGVycyxcbiAgICBzaG93RmlsdGVyc1xufTogSGVhZGVyUHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGFpbmVyPlxuICAgICAgICAgICAgPEdyaWQgYWxpZ249e1wicmlnaHRcIn0gc3R5bGU9e3sgcGFkZGluZzogMCB9fT5cbiAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXs0fT5cbiAgICAgICAgICAgICAgICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IHVzZT17XCJoZWFkbGluZTVcIn0+e3RpdGxlfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9UaXRsZVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICAgICAgIDxDZWxsIHNwYW49ezh9PlxuICAgICAgICAgICAgICAgICAgICA8V3JhcHBlckFjdGlvbnM+XG4gICAgICAgICAgICAgICAgICAgICAgICA8U2VhcmNoIHZhbHVlPXtzZWFyY2hWYWx1ZX0gb25DaGFuZ2U9e29uU2VhcmNoQ2hhbmdlfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkZpbHRlcnNcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzaG93aW5nRmlsdGVycz17c2hvd2luZ0ZpbHRlcnN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGlkZUZpbHRlcnM9e2hpZGVGaWx0ZXJzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3dGaWx0ZXJzPXtzaG93RmlsdGVyc31cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvV3JhcHBlckFjdGlvbnM+XG4gICAgICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const WrapperActions = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "egutk2e1"
+} : {
+  target: "egutk2e1",
+  label: "WrapperActions"
+})(process.env.NODE_ENV === "production" ? {
+  name: "reo0z0",
+  styles: "width:100%;display:flex;justify-content:flex-end;align-items:center;height:100%"
+} : {
+  name: "reo0z0",
+  styles: "width:100%;display:flex;justify-content:flex-end;align-items:center;height:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJvQyIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IFNlYXJjaCB9IGZyb20gXCJAd2ViaW55L2FwcC1hY29cIjtcbmltcG9ydCB7IENlbGwsIEdyaWQgfSBmcm9tIFwiQHdlYmlueS91aS9HcmlkXCI7XG5cbmltcG9ydCB7IEJ1dHRvbkZpbHRlcnMgfSBmcm9tIFwifi92aWV3cy9Mb2dzL0hlYWRlci9CdXR0b25GaWx0ZXJzXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIn4vY29tcG9uZW50cy9UZXh0XCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwYWRkaW5nOiA4cHggMjBweCA4cHggMjBweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB6LWluZGV4OiAzO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLW1kYy10aGVtZS1zdXJmYWNlKTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbmA7XG5cbmNvbnN0IFdyYXBwZXJBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAxMDAlO1xuYDtcblxudHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHNlYXJjaFZhbHVlOiBzdHJpbmc7XG4gICAgb25TZWFyY2hDaGFuZ2U6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xuICAgIHNob3dpbmdGaWx0ZXJzOiBib29sZWFuO1xuICAgIGhpZGVGaWx0ZXJzOiAoKSA9PiB2b2lkO1xuICAgIHNob3dGaWx0ZXJzOiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEhlYWRlciA9ICh7XG4gICAgdGl0bGUsXG4gICAgc2VhcmNoVmFsdWUsXG4gICAgb25TZWFyY2hDaGFuZ2UsXG4gICAgc2hvd2luZ0ZpbHRlcnMsXG4gICAgaGlkZUZpbHRlcnMsXG4gICAgc2hvd0ZpbHRlcnNcbn06IEhlYWRlclByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxHcmlkIGFsaWduPXtcInJpZ2h0XCJ9IHN0eWxlPXt7IHBhZGRpbmc6IDAgfX0+XG4gICAgICAgICAgICAgICAgPENlbGwgc3Bhbj17NH0+XG4gICAgICAgICAgICAgICAgICAgIDxUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VGV4dCB1c2U9e1wiaGVhZGxpbmU1XCJ9Pnt0aXRsZX08L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXs4fT5cbiAgICAgICAgICAgICAgICAgICAgPFdyYXBwZXJBY3Rpb25zPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFNlYXJjaCB2YWx1ZT17c2VhcmNoVmFsdWV9IG9uQ2hhbmdlPXtvblNlYXJjaENoYW5nZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25GaWx0ZXJzXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2hvd2luZ0ZpbHRlcnM9e3Nob3dpbmdGaWx0ZXJzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhpZGVGaWx0ZXJzPXtoaWRlRmlsdGVyc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzaG93RmlsdGVycz17c2hvd0ZpbHRlcnN9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L1dyYXBwZXJBY3Rpb25zPlxuICAgICAgICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const TitleWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "egutk2e0"
+} : {
+  target: "egutk2e0",
+  label: "TitleWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "197dxto",
+  styles: "display:flex;align-items:center;height:100%"
+} : {
+  name: "197dxto",
+  styles: "display:flex;align-items:center;height:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJrQyIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IFNlYXJjaCB9IGZyb20gXCJAd2ViaW55L2FwcC1hY29cIjtcbmltcG9ydCB7IENlbGwsIEdyaWQgfSBmcm9tIFwiQHdlYmlueS91aS9HcmlkXCI7XG5cbmltcG9ydCB7IEJ1dHRvbkZpbHRlcnMgfSBmcm9tIFwifi92aWV3cy9Mb2dzL0hlYWRlci9CdXR0b25GaWx0ZXJzXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIn4vY29tcG9uZW50cy9UZXh0XCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwYWRkaW5nOiA4cHggMjBweCA4cHggMjBweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB6LWluZGV4OiAzO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLW1kYy10aGVtZS1zdXJmYWNlKTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbmA7XG5cbmNvbnN0IFdyYXBwZXJBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAxMDAlO1xuYDtcblxudHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHNlYXJjaFZhbHVlOiBzdHJpbmc7XG4gICAgb25TZWFyY2hDaGFuZ2U6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xuICAgIHNob3dpbmdGaWx0ZXJzOiBib29sZWFuO1xuICAgIGhpZGVGaWx0ZXJzOiAoKSA9PiB2b2lkO1xuICAgIHNob3dGaWx0ZXJzOiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEhlYWRlciA9ICh7XG4gICAgdGl0bGUsXG4gICAgc2VhcmNoVmFsdWUsXG4gICAgb25TZWFyY2hDaGFuZ2UsXG4gICAgc2hvd2luZ0ZpbHRlcnMsXG4gICAgaGlkZUZpbHRlcnMsXG4gICAgc2hvd0ZpbHRlcnNcbn06IEhlYWRlclByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxHcmlkIGFsaWduPXtcInJpZ2h0XCJ9IHN0eWxlPXt7IHBhZGRpbmc6IDAgfX0+XG4gICAgICAgICAgICAgICAgPENlbGwgc3Bhbj17NH0+XG4gICAgICAgICAgICAgICAgICAgIDxUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VGV4dCB1c2U9e1wiaGVhZGxpbmU1XCJ9Pnt0aXRsZX08L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXs4fT5cbiAgICAgICAgICAgICAgICAgICAgPFdyYXBwZXJBY3Rpb25zPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFNlYXJjaCB2YWx1ZT17c2VhcmNoVmFsdWV9IG9uQ2hhbmdlPXtvblNlYXJjaENoYW5nZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25GaWx0ZXJzXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2hvd2luZ0ZpbHRlcnM9e3Nob3dpbmdGaWx0ZXJzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhpZGVGaWx0ZXJzPXtoaWRlRmlsdGVyc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzaG93RmlsdGVycz17c2hvd0ZpbHRlcnN9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L1dyYXBwZXJBY3Rpb25zPlxuICAgICAgICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const Header = ({
+  title,
+  searchValue,
+  onSearchChange,
+  showingFilters,
+  hideFilters,
+  showFilters
+}) => {
+  return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Grid, {
+    align: "right",
+    style: {
+      padding: 0
+    }
+  }, /*#__PURE__*/React.createElement(Cell, {
+    span: 4
+  }, /*#__PURE__*/React.createElement(TitleWrapper, null, /*#__PURE__*/React.createElement(Text, {
+    use: "headline5"
+  }, title))), /*#__PURE__*/React.createElement(Cell, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(WrapperActions, null, /*#__PURE__*/React.createElement(Search, {
+    value: searchValue,
+    onChange: onSearchChange
+  }), /*#__PURE__*/React.createElement(ButtonFilters, {
+    showingFilters: showingFilters,
+    hideFilters: hideFilters,
+    showFilters: showFilters
+  })))));
+};
+
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Search","Cell","Grid","ButtonFilters","Text","Container","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","WrapperActions","TitleWrapper","Header","title","searchValue","onSearchChange","showingFilters","hideFilters","showFilters","createElement","align","style","padding","span","use","value","onChange"],"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,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,IAAI,EAAEC,IAAI,QAAQ,iBAAiB;AAE5C,SAASC,aAAa;AACtB,SAASC,IAAI;AAEb,MAAMC,SAAS,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAU9B;AAED,MAAMC,cAAc,gBAAGX,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAMnC;AAED,MAAME,YAAY,gBAAGZ,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAIjC;AAWD,OAAO,MAAMG,MAAM,GAAGA,CAAC;EACnBC,KAAK;EACLC,WAAW;EACXC,cAAc;EACdC,cAAc;EACdC,WAAW;EACXC;AACS,CAAC,KAAK;EACf,oBACI1B,KAAA,CAAA2B,aAAA,CAACrB,SAAS,qBACNN,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAE,OAAQ;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAE;EAAE,gBACxC9B,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC6B,IAAI,EAAE;EAAE,gBACV/B,KAAA,CAAA2B,aAAA,CAACR,YAAY,qBACTnB,KAAA,CAAA2B,aAAA,CAACtB,IAAI;IAAC2B,GAAG,EAAE;EAAY,GAAEX,KAAY,CAC3B,CACZ,CAAC,eACPrB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC6B,IAAI,EAAE;EAAE,gBACV/B,KAAA,CAAA2B,aAAA,CAACT,cAAc,qBACXlB,KAAA,CAAA2B,aAAA,CAAC1B,MAAM;IAACgC,KAAK,EAAEX,WAAY;IAACY,QAAQ,EAAEX;EAAe,CAAE,CAAC,eACxDvB,KAAA,CAAA2B,aAAA,CAACvB,aAAa;IACVoB,cAAc,EAAEA,cAAe;IAC/BC,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA;EAAY,CAC5B,CACW,CACd,CACJ,CACC,CAAC;AAEpB,CAAC","ignoreList":[]}

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

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

package/views/Logs/Header/index.js

@@ -0,0 +1,3 @@
+export * from "./Header";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Header\";\n"],"mappings":"AAAA","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import type { 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,23 @@
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import { ButtonPrimary } from "@webiny/ui/Button";
+import { Container } from "./styled";
+const t = i18n.ns("app-audit-logs/views/logs/load-more-button");
+export const LoadMoreButton = ({
+  disabled,
+  windowHeight,
+  tableHeight,
+  show,
+  onClick
+}) => {
+  if (show && windowHeight > tableHeight) {
+    return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
+      onClick: onClick,
+      disabled: disabled,
+      flat: true
+    }, t`Load more records`));
+  }
+  return null;
+};
+
+//# sourceMappingURL=LoadMoreButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","i18n","ButtonPrimary","Container","t","ns","LoadMoreButton","disabled","windowHeight","tableHeight","show","onClick","createElement","flat"],"sources":["LoadMoreButton.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React 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":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,aAAa,QAAQ,mBAAmB;AAEjD,SAASC,SAAS;AAElB,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,4CAA4C,CAAC;AAU/D,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC3BC,QAAQ;EACRC,YAAY;EACZC,WAAW;EACXC,IAAI;EACJC;AACiB,CAAC,KAA0B;EAC5C,IAAID,IAAI,IAAIF,YAAY,GAAGC,WAAW,EAAE;IACpC,oBACIT,KAAA,CAAAY,aAAA,CAACT,SAAS,qBACNH,KAAA,CAAAY,aAAA,CAACV,aAAa;MACVS,OAAO,EAAEA,OAAQ;MACjBJ,QAAQ,EAAEA,QAAS;MACnBM,IAAI,EAAE;IAAK,GACbT,CAAC,mBAAmC,CAC/B,CAAC;EAEpB;EAEA,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

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

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

package/views/Logs/LoadMoreButton/index.js

@@ -0,0 +1,3 @@
+export * from "./LoadMoreButton";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./LoadMoreButton\";\n"],"mappings":"AAAA","ignoreList":[]}

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, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/views/Logs/LoadMoreButton/styled.js

@@ -0,0 +1,18 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+export const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ewu9eue0"
+} : {
+  target: "ewu9eue0",
+  label: "Container"
+})(process.env.NODE_ENV === "production" ? {
+  name: "g2zdb8",
+  styles: "display:flex;justify-content:center;margin-top:16px"
+} : {
+  name: "g2zdb8",
+  styles: "display:flex;justify-content:center;margin-top:16px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXNDIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIG1hcmdpbi10b3A6IDE2cHg7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Container","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"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":";;AAEA,OAAO,MAAMA,SAAS,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAIrC","ignoreList":[]}

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

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

package/views/Logs/LoadingMore/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import { Typography } from "@webiny/ui/Typography";
+import { CircularProgress } from "@webiny/ui/Progress";
+import { Container, LoaderContainer } from "./styled";
+const t = i18n.ns("app-audit-logs/components/table/loading-more");
+export const LoadingMore = () => {
+  return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(LoaderContainer, null, /*#__PURE__*/React.createElement(CircularProgress, {
+    size: 20,
+    spinnerWidth: 2
+  })), /*#__PURE__*/React.createElement(Typography, {
+    use: "body2"
+  }, t`Loading more records...`));
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","i18n","Typography","CircularProgress","Container","LoaderContainer","t","ns","LoadingMore","createElement","size","spinnerWidth","use"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nimport { Container, LoaderContainer } from \"./styled\";\n\nconst t = i18n.ns(\"app-audit-logs/components/table/loading-more\");\n\nexport const LoadingMore = () => {\n    return (\n        <Container>\n            <LoaderContainer>\n                <CircularProgress size={20} spinnerWidth={2} />\n            </LoaderContainer>\n            <Typography use={\"body2\"}>{t`Loading more records...`}</Typography>\n        </Container>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD,SAASC,SAAS,EAAEC,eAAe;AAEnC,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,8CAA8C,CAAC;AAEjE,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,oBACIR,KAAA,CAAAS,aAAA,CAACL,SAAS,qBACNJ,KAAA,CAAAS,aAAA,CAACJ,eAAe,qBACZL,KAAA,CAAAS,aAAA,CAACN,gBAAgB;IAACO,IAAI,EAAE,EAAG;IAACC,YAAY,EAAE;EAAE,CAAE,CACjC,CAAC,eAClBX,KAAA,CAAAS,aAAA,CAACP,UAAU;IAACU,GAAG,EAAE;EAAQ,GAAEN,CAAC,yBAAsC,CAC3D,CAAC;AAEpB,CAAC","ignoreList":[]}

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

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

package/views/Logs/LoadingMore/styled.js

@@ -0,0 +1,32 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+export const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1eq8x7r1"
+} : {
+  target: "e1eq8x7r1",
+  label: "Container"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1b0gox8",
+  styles: "position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:40px;background-color:var(--mdc-theme-background);border-top:1px solid var(--mdc-theme-on-background)"
+} : {
+  name: "1b0gox8",
+  styles: "position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:40px;background-color:var(--mdc-theme-background);border-top:1px solid var(--mdc-theme-on-background)",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXNDIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogNDBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDUwcHg7XG4gICAgPiBkaXYge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG4gICAgfVxuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const LoaderContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1eq8x7r0"
+} : {
+  target: "e1eq8x7r0",
+  label: "LoaderContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1rmgu8f",
+  styles: "display:flex;position:relative;width:50px;>div{background-color:var(--mdc-theme-background);}"
+} : {
+  name: "1rmgu8f",
+  styles: "display:flex;position:relative;width:50px;>div{background-color:var(--mdc-theme-background);}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTRDIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogNDBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDUwcHg7XG4gICAgPiBkaXYge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG4gICAgfVxuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Container","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","LoaderContainer"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Container = styled(\"div\")`\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 40px;\n    background-color: var(--mdc-theme-background);\n    border-top: 1px solid var(--mdc-theme-on-background);\n`;\n\nexport const LoaderContainer = styled(\"div\")`\n    display: flex;\n    position: relative;\n    width: 50px;\n    > div {\n        background-color: var(--mdc-theme-background);\n    }\n`;\n"],"mappings":";;AAEA,OAAO,MAAMA,SAAS,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAWrC;AAED,OAAO,MAAMC,eAAe,gBAAGX,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAO3C","ignoreList":[]}

package/views/Logs/Logs.d.ts

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

package/views/Logs/Logs.js

@@ -0,0 +1,84 @@
+import React, { useCallback, useRef, useState, useEffect } from "react";
+import debounce from "lodash/debounce";
+import { i18n } from "@webiny/app/i18n";
+import EmptyView from "@webiny/app-admin/components/EmptyView";
+import { Scrollbar } from "@webiny/ui/Scrollbar";
+import { useSecurity } from "@webiny/app-security";
+import { LoadingMore } from "./LoadingMore";
+import { LoadMoreButton } from "./LoadMoreButton";
+import { Header } from "./Header";
+import { Filters } from "./Filters";
+import { Table } from "./Table";
+import { Preview } from "./Preview";
+import { useAuditLogsList } from "../../hooks";
+import { MainContainer, Wrapper } from "./styled";
+const t = i18n.ns("app-audit-logs/views/logs");
+const AuditLogsView = () => {
+  const [selectedAuditLog, setSelectedAuditLog] = useState(null);
+  const handleAuditLogSelect = useCallback(auditLog => setSelectedAuditLog(auditLog), []);
+  const closePreviewModal = useCallback(() => setSelectedAuditLog(null), []);
+  const {
+    innerHeight: windowHeight
+  } = window;
+  const [tableHeight, setTableHeight] = useState(0);
+  const tableRef = useRef(null);
+  const {
+    getPermissions
+  } = useSecurity();
+  const hasAccessToUsers = Boolean(getPermissions("adminUsers").length);
+  const list = useAuditLogsList(hasAccessToUsers);
+  useEffect(() => {
+    setTableHeight(tableRef?.current?.clientHeight || 0);
+    return () => {
+      setTableHeight(0);
+    };
+  });
+  const loadMoreOnScroll = debounce(({
+    scrollFrame
+  }) => {
+    if (scrollFrame.top > 0.8) {
+      list.listMoreRecords();
+    }
+  }, 200);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MainContainer, null, /*#__PURE__*/React.createElement(Header, {
+    title: "Audit Logs",
+    searchValue: list.search,
+    onSearchChange: list.setSearch,
+    showingFilters: list.showingFilters,
+    showFilters: list.showFilters,
+    hideFilters: list.hideFilters
+  }), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Filters, {
+    showingFilters: list.showingFilters,
+    setFilters: list.setFilters,
+    hasAccessToUsers: hasAccessToUsers
+  }), list.records.length === 0 && !list.isListLoading ? /*#__PURE__*/React.createElement(EmptyView, {
+    title: t`No results found.`,
+    action: null
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Preview, {
+    auditLog: selectedAuditLog,
+    onClose: () => closePreviewModal(),
+    hasAccessToUsers: hasAccessToUsers
+  }), /*#__PURE__*/React.createElement(Scrollbar, {
+    "data-testid": "default-data-list",
+    onScrollFrame: scrollFrame => loadMoreOnScroll({
+      scrollFrame
+    })
+  }, /*#__PURE__*/React.createElement(Table, {
+    ref: tableRef,
+    records: list.records,
+    loading: list.isListLoading,
+    handleRecordSelect: handleAuditLogSelect,
+    sorting: list.sorting,
+    onSortingChange: list.setSorting,
+    hasAccessToUsers: hasAccessToUsers
+  }), /*#__PURE__*/React.createElement(LoadMoreButton, {
+    show: !list.isListLoading && list.meta.hasMoreItems,
+    disabled: list.isListLoadingMore,
+    windowHeight: windowHeight,
+    tableHeight: tableHeight,
+    onClick: list.listMoreRecords
+  })), list.isListLoadingMore && /*#__PURE__*/React.createElement(LoadingMore, null)))));
+};
+export default AuditLogsView;
+
+//# sourceMappingURL=Logs.js.map

package/views/Logs/Logs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useRef","useState","useEffect","debounce","i18n","EmptyView","Scrollbar","useSecurity","LoadingMore","LoadMoreButton","Header","Filters","Table","Preview","useAuditLogsList","MainContainer","Wrapper","t","ns","AuditLogsView","selectedAuditLog","setSelectedAuditLog","handleAuditLogSelect","auditLog","closePreviewModal","innerHeight","windowHeight","window","tableHeight","setTableHeight","tableRef","getPermissions","hasAccessToUsers","Boolean","length","list","current","clientHeight","loadMoreOnScroll","scrollFrame","top","listMoreRecords","createElement","Fragment","title","searchValue","search","onSearchChange","setSearch","showingFilters","showFilters","hideFilters","setFilters","records","isListLoading","action","onClose","onScrollFrame","ref","loading","handleRecordSelect","sorting","onSortingChange","setSorting","show","meta","hasMoreItems","disabled","isListLoadingMore","onClick"],"sources":["Logs.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState, useEffect } from \"react\";\nimport debounce from \"lodash/debounce\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { useSecurity } from \"@webiny/app-security\";\n\nimport { LoadingMore } from \"~/views/Logs/LoadingMore\";\nimport { LoadMoreButton } from \"~/views/Logs/LoadMoreButton\";\nimport { Header } from \"~/views/Logs/Header\";\nimport { Filters } from \"~/views/Logs/Filters\";\nimport { Table } from \"~/views/Logs/Table\";\nimport { Preview } from \"~/views/Logs/Preview\";\nimport { useAuditLogsList } from \"~/hooks\";\nimport type { Entry } from \"~/utils/transformCmsContentEntriesToRecordEntries\";\nimport { MainContainer, Wrapper } from \"./styled\";\n\nconst t = i18n.ns(\"app-audit-logs/views/logs\");\n\nconst AuditLogsView = () => {\n    const [selectedAuditLog, setSelectedAuditLog] = useState<Entry | null>(null);\n    const handleAuditLogSelect = useCallback(\n        (auditLog: Entry) => setSelectedAuditLog(auditLog),\n        []\n    );\n    const closePreviewModal = useCallback(() => setSelectedAuditLog(null), []);\n\n    const { innerHeight: windowHeight } = window;\n    const [tableHeight, setTableHeight] = useState(0);\n    const tableRef = useRef<HTMLDivElement>(null);\n\n    const { getPermissions } = useSecurity();\n    const hasAccessToUsers = Boolean(getPermissions(\"adminUsers\").length);\n\n    const list = useAuditLogsList(hasAccessToUsers);\n\n    useEffect(() => {\n        setTableHeight(tableRef?.current?.clientHeight || 0);\n\n        return () => {\n            setTableHeight(0);\n        };\n    });\n\n    const loadMoreOnScroll = debounce(({ scrollFrame }) => {\n        if (scrollFrame.top > 0.8) {\n            list.listMoreRecords();\n        }\n    }, 200);\n\n    return (\n        <>\n            <MainContainer>\n                <Header\n                    title=\"Audit Logs\"\n                    searchValue={list.search}\n                    onSearchChange={list.setSearch}\n                    showingFilters={list.showingFilters}\n                    showFilters={list.showFilters}\n                    hideFilters={list.hideFilters}\n                />\n                <Wrapper>\n                    <Filters\n                        showingFilters={list.showingFilters}\n                        setFilters={list.setFilters}\n                        hasAccessToUsers={hasAccessToUsers}\n                    />\n                    {list.records.length === 0 && !list.isListLoading ? (\n                        <EmptyView title={t`No results found.`} action={null} />\n                    ) : (\n                        <>\n                            <Preview\n                                auditLog={selectedAuditLog}\n                                onClose={() => closePreviewModal()}\n                                hasAccessToUsers={hasAccessToUsers}\n                            />\n                            <Scrollbar\n                                data-testid=\"default-data-list\"\n                                onScrollFrame={scrollFrame => loadMoreOnScroll({ scrollFrame })}\n                            >\n                                <Table\n                                    ref={tableRef}\n                                    records={list.records}\n                                    loading={list.isListLoading}\n                                    handleRecordSelect={handleAuditLogSelect}\n                                    sorting={list.sorting}\n                                    onSortingChange={list.setSorting}\n                                    hasAccessToUsers={hasAccessToUsers}\n                                />\n                                <LoadMoreButton\n                                    show={!list.isListLoading && list.meta.hasMoreItems}\n                                    disabled={list.isListLoadingMore}\n                                    windowHeight={windowHeight}\n                                    tableHeight={tableHeight}\n                                    onClick={list.listMoreRecords}\n                                />\n                            </Scrollbar>\n                            {list.isListLoadingMore && <LoadingMore />}\n                        </>\n                    )}\n                </Wrapper>\n            </MainContainer>\n        </>\n    );\n};\n\nexport default AuditLogsView;\n"],"mappings":"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","ignoreList":[]}

package/views/Logs/LogsModule.d.ts

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