@webiny/app-audit-logs 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/views/Logs/Filters/Filters.js

@@ -1,32 +1,69 @@
-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
-  });
+import react, { useCallback, useState } from "react";
+import { ReactComponent } from "@webiny/icons/filter_list.svg";
+import { Drawer, IconButton } from "@webiny/admin-ui";
+import { Form } from "@webiny/form";
+import { useAuditLogsListConfig } from "../../../config/list/index.js";
+const Filters = ({ setWhere })=>{
+    const { browser } = useAuditLogsListConfig();
+    const [open, setOpen] = useState(false);
+    const [formData, setFormData] = useState({});
+    const [hasActiveFilters, setHasActiveFilters] = useState(false);
+    const onFormChange = useCallback((data)=>{
+        setFormData(data);
+    }, []);
+    const applyFilters = useCallback(()=>{
+        const hasValues = Object.values(formData).some((v)=>void 0 !== v && "" !== v);
+        setHasActiveFilters(hasValues);
+        if (!hasValues) {
+            setWhere({});
+            setOpen(false);
+            return;
+        }
+        const convertedFilters = browser.filtersToWhere.reduce((acc, converter)=>converter(acc), formData);
+        setWhere(convertedFilters);
+        setOpen(false);
+    }, [
+        browser.filtersToWhere,
+        setWhere,
+        formData
+    ]);
+    const clearFilters = useCallback(()=>{
+        setFormData({});
+        setWhere({});
+        setHasActiveFilters(false);
+    }, [
+        setWhere
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(IconButton, {
+        variant: hasActiveFilters ? "primary" : "ghost",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: ()=>setOpen(true),
+        "data-testid": "audit-logs.toggle-filters"
+    }), /*#__PURE__*/ react.createElement(Drawer, {
+        open: open,
+        onClose: ()=>setOpen(false),
+        modal: true,
+        width: 360,
+        title: "Filters",
+        headerSeparator: true,
+        footerSeparator: true,
+        bodyPadding: false,
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Drawer.CancelButton, {
+            text: "Clear all",
+            onClick: clearFilters
+        }), /*#__PURE__*/ react.createElement(Drawer.ConfirmButton, {
+            text: "Apply filters",
+            onClick: applyFilters
+        }))
+    }, /*#__PURE__*/ react.createElement(Form, {
+        data: formData,
+        onChange: onFormChange
+    }, ()=>/*#__PURE__*/ react.createElement("div", {
+            className: "flex flex-col gap-lg p-lg"
+        }, browser.filters.map((filter)=>/*#__PURE__*/ react.createElement("div", {
+                key: filter.name
+            }, filter.element))))));
 };
+export { Filters };
 
 //# sourceMappingURL=Filters.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"views/Logs/Filters/Filters.js","sources":["../../../../src/views/Logs/Filters/Filters.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ReactComponent as FilterIcon } from \"@webiny/icons/filter_list.svg\";\nimport { Drawer, IconButton } from \"@webiny/admin-ui\";\nimport { Form } from \"@webiny/form\";\nimport { useAuditLogsListConfig } from \"~/config/list/index.js\";\nimport type { IListAuditLogsVariablesWhere } from \"~/hooks/graphql.js\";\n\ninterface FiltersProps {\n    setWhere: (where: Partial<IListAuditLogsVariablesWhere>) => void;\n}\n\nexport const Filters = ({ setWhere }: FiltersProps) => {\n    const { browser } = useAuditLogsListConfig();\n    const [open, setOpen] = useState(false);\n    const [formData, setFormData] = useState<Record<string, unknown>>({});\n    const [hasActiveFilters, setHasActiveFilters] = useState(false);\n\n    const onFormChange = useCallback((data: Record<string, unknown>) => {\n        setFormData(data);\n    }, []);\n\n    const applyFilters = useCallback(() => {\n        const hasValues = Object.values(formData).some(v => v !== undefined && v !== \"\");\n        setHasActiveFilters(hasValues);\n\n        if (!hasValues) {\n            setWhere({});\n            setOpen(false);\n            return;\n        }\n\n        const convertedFilters = browser.filtersToWhere.reduce(\n            (acc, converter) => converter(acc),\n            formData\n        );\n\n        setWhere(convertedFilters as Partial<IListAuditLogsVariablesWhere>);\n        setOpen(false);\n    }, [browser.filtersToWhere, setWhere, formData]);\n\n    const clearFilters = useCallback(() => {\n        setFormData({});\n        setWhere({});\n        setHasActiveFilters(false);\n    }, [setWhere]);\n\n    return (\n        <>\n            <IconButton\n                variant={hasActiveFilters ? \"primary\" : \"ghost\"}\n                icon={<FilterIcon />}\n                onClick={() => setOpen(true)}\n                data-testid=\"audit-logs.toggle-filters\"\n            />\n            <Drawer\n                open={open}\n                onClose={() => setOpen(false)}\n                modal={true}\n                width={360}\n                title=\"Filters\"\n                headerSeparator={true}\n                footerSeparator={true}\n                bodyPadding={false}\n                actions={\n                    <>\n                        <Drawer.CancelButton text=\"Clear all\" onClick={clearFilters} />\n                        <Drawer.ConfirmButton text=\"Apply filters\" onClick={applyFilters} />\n                    </>\n                }\n            >\n                <Form data={formData} onChange={onFormChange}>\n                    {() => (\n                        <div className={\"flex flex-col gap-lg p-lg\"}>\n                            {browser.filters.map(filter => (\n                                <div key={filter.name}>{filter.element}</div>\n                            ))}\n                        </div>\n                    )}\n                </Form>\n            </Drawer>\n        </>\n    );\n};\n"],"names":["Filters","setWhere","browser","useAuditLogsListConfig","open","setOpen","useState","formData","setFormData","hasActiveFilters","setHasActiveFilters","onFormChange","useCallback","data","applyFilters","hasValues","Object","v","undefined","convertedFilters","acc","converter","clearFilters","IconButton","FilterIcon","Drawer","Form","filter"],"mappings":";;;;;AAWO,MAAMA,UAAU,CAAC,EAAEC,QAAQ,EAAgB;IAC9C,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAS;IACjC,MAAM,CAACC,UAAUC,YAAY,GAAGF,SAAkC,CAAC;IACnE,MAAM,CAACG,kBAAkBC,oBAAoB,GAAGJ,SAAS;IAEzD,MAAMK,eAAeC,YAAY,CAACC;QAC9BL,YAAYK;IAChB,GAAG,EAAE;IAEL,MAAMC,eAAeF,YAAY;QAC7B,MAAMG,YAAYC,OAAO,MAAM,CAACT,UAAU,IAAI,CAACU,CAAAA,IAAKA,AAAMC,WAAND,KAAmBA,AAAM,OAANA;QACvEP,oBAAoBK;QAEpB,IAAI,CAACA,WAAW;YACZd,SAAS,CAAC;YACVI,QAAQ;YACR;QACJ;QAEA,MAAMc,mBAAmBjB,QAAQ,cAAc,CAAC,MAAM,CAClD,CAACkB,KAAKC,YAAcA,UAAUD,MAC9Bb;QAGJN,SAASkB;QACTd,QAAQ;IACZ,GAAG;QAACH,QAAQ,cAAc;QAAED;QAAUM;KAAS;IAE/C,MAAMe,eAAeV,YAAY;QAC7BJ,YAAY,CAAC;QACbP,SAAS,CAAC;QACVS,oBAAoB;IACxB,GAAG;QAACT;KAAS;IAEb,OAAO,WAAP,GACI,wDACI,oBAACsB,YAAUA;QACP,SAASd,mBAAmB,YAAY;QACxC,oBAAM,oBAACe,gBAAUA;QACjB,SAAS,IAAMnB,QAAQ;QACvB,eAAY;sBAEhB,oBAACoB,QAAMA;QACH,MAAMrB;QACN,SAAS,IAAMC,QAAQ;QACvB,OAAO;QACP,OAAO;QACP,OAAM;QACN,iBAAiB;QACjB,iBAAiB;QACjB,aAAa;QACb,uBACI,wDACI,oBAACoB,OAAO,YAAY;YAAC,MAAK;YAAY,SAASH;0BAC/C,oBAACG,OAAO,aAAa;YAAC,MAAK;YAAgB,SAASX;;qBAI5D,oBAACY,MAAIA;QAAC,MAAMnB;QAAU,UAAUI;OAC3B,kBACG,oBAAC;YAAI,WAAW;WACXT,QAAQ,OAAO,CAAC,GAAG,CAACyB,CAAAA,SAAAA,WAAAA,GACjB,oBAAC;gBAAI,KAAKA,OAAO,IAAI;eAAGA,OAAO,OAAO;AAQtE"}

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

@@ -1,6 +1,7 @@
-export * from "./Filters";
-export * from "./FilterByTimestamp";
-export * from "./FilterByInitiator";
-export * from "./FilterByApp";
-export * from "./FilterByEntity";
-export * from "./FilterByAction";
+export * from "./Filters.js";
+export * from "./FilterByCreatedBy.js";
+export * from "./FilterByCreatedOn.js";
+export * from "./FilterByApp.js";
+export * from "./FilterByEntity.js";
+export * from "./FilterByEntityId.js";
+export * from "./FilterByAction.js";

package/views/Logs/Filters/index.js

@@ -1,8 +1,7 @@
-export * from "./Filters";
-export * from "./FilterByTimestamp";
-export * from "./FilterByInitiator";
-export * from "./FilterByApp";
-export * from "./FilterByEntity";
-export * from "./FilterByAction";
-
-//# sourceMappingURL=index.js.map
+export * from "./Filters.js";
+export * from "./FilterByCreatedBy.js";
+export * from "./FilterByCreatedOn.js";
+export * from "./FilterByApp.js";
+export * from "./FilterByEntity.js";
+export * from "./FilterByEntityId.js";
+export * from "./FilterByAction.js";

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

@@ -0,0 +1,9 @@
+export interface IFilterFormData {
+    app?: string;
+    entity?: string;
+    entityId?: string;
+    action?: string;
+    createdBy?: string;
+    createdOn_gte?: Date;
+    createdOn_lte?: Date;
+}

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

@@ -1,48 +1,27 @@
-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"
-  }));
+import react, { useCallback } from "react";
+import { ReactComponent } from "@webiny/icons/filter_list.svg";
+import { ReactComponent as filter_list_off_svg_ReactComponent } from "@webiny/icons/filter_list_off.svg";
+import { IconButton } from "@webiny/admin-ui";
+const Icon = ({ showingFilters })=>showingFilters ? /*#__PURE__*/ react.createElement(filter_list_off_svg_ReactComponent, null) : /*#__PURE__*/ react.createElement(ReactComponent, null);
+const IconComponent = /*#__PURE__*/ react.memo(Icon);
+const ButtonFilters = ({ showingFilters, hideFilters, showFilters })=>{
+    const toggleFilters = useCallback(()=>{
+        if (showingFilters) return void hideFilters();
+        showFilters();
+    }, [
+        showingFilters
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "ml-sm"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "secondary",
+        icon: /*#__PURE__*/ react.createElement(IconComponent, {
+            showingFilters: showingFilters
+        }),
+        onClick: toggleFilters,
+        "data-testid": "audit-logs.toggle-filters"
+    }));
 };
+export { ButtonFilters };
 
 //# sourceMappingURL=ButtonFilters.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"views/Logs/Header/ButtonFilters/ButtonFilters.js","sources":["../../../../../src/views/Logs/Header/ButtonFilters/ButtonFilters.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\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/admin-ui\";\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        <div className={\"ml-sm\"}>\n            <IconButton\n                variant={\"secondary\"}\n                icon={<IconComponent showingFilters={showingFilters} />}\n                onClick={toggleFilters}\n                data-testid=\"audit-logs.toggle-filters\"\n            />\n        </div>\n    );\n};\n"],"names":["Icon","showingFilters","CloseFilterIcon","FilterIcon","IconComponent","React","ButtonFilters","hideFilters","showFilters","toggleFilters","useCallback","IconButton"],"mappings":";;;;AASA,MAAMA,OAAO,CAAC,EAAEC,cAAc,EAAa,GAChCA,iBAAiB,WAAjBA,GAAiB,oBAACC,oCAAeA,QAAAA,WAAAA,GAAM,oBAACC,gBAAUA;AAE7D,MAAMC,gBAAgB,WAAHA,GAAGC,MAAAA,IAAU,CAACL;AAQ1B,MAAMM,gBAAgB,CAAC,EAAEL,cAAc,EAAEM,WAAW,EAAEC,WAAW,EAAsB;IAC1F,MAAMC,gBAAgBC,YAAY;QAC9B,IAAIT,gBAAgB,YAChBM;QAGJC;IACJ,GAAG;QAACP;KAAe;IAEnB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACU,YAAUA;QACP,SAAS;QACT,oBAAM,oBAACP,eAAaA;YAAC,gBAAgBH;;QACrC,SAASQ;QACT,eAAY;;AAI5B"}

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

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

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

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

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

@@ -1,11 +1,7 @@
 import React from "react";
 type HeaderProps = {
     title: string;
-    searchValue: string;
-    onSearchChange: (value: string) => void;
-    showingFilters: boolean;
-    hideFilters: () => void;
-    showFilters: () => void;
+    children?: React.ReactNode;
 };
-export declare const Header: ({ title, searchValue, onSearchChange, showingFilters, hideFilters, showFilters }: HeaderProps) => React.JSX.Element;
+export declare const Header: ({ title, children }: HeaderProps) => React.JSX.Element;
 export {};

package/views/Logs/Header/Header.js

@@ -1,79 +1,14 @@
-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
-  })))));
-};
+import react from "react";
+import { Text } from "../../../components/Text.js";
+const Header = ({ title, children })=>/*#__PURE__*/ react.createElement("div", {
+        className: "box-border w-full border-b border-neutral-dimmed px-md py-sm"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        use: "headline5"
+    }, title), /*#__PURE__*/ react.createElement("div", {
+        className: "ml-auto"
+    }, children)));
+export { Header };
 
 //# sourceMappingURL=Header.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"views/Logs/Header/Header.js","sources":["../../../../src/views/Logs/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"~/components/Text.js\";\n\ntype HeaderProps = {\n    title: string;\n    children?: React.ReactNode;\n};\n\nexport const Header = ({ title, children }: HeaderProps) => {\n    return (\n        <div className=\"box-border w-full border-b border-neutral-dimmed px-md py-sm\">\n            <div className=\"flex items-center justify-between\">\n                <Text use={\"headline5\"}>{title}</Text>\n                <div className={\"ml-auto\"}>{children}</div>\n            </div>\n        </div>\n    );\n};\n"],"names":["Header","title","children","Text"],"mappings":";;AAQO,MAAMA,SAAS,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAe,GAC5C,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACC,MAAIA;QAAC,KAAK;OAAcF,QAAAA,WAAAA,GACzB,oBAAC;QAAI,WAAW;OAAYC"}

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

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

package/views/Logs/Header/index.js

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

package/views/Logs/LoadMoreButton/LoadMoreButton.js

@@ -1,23 +1,16 @@
-import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import { ButtonPrimary } from "@webiny/ui/Button";
-import { Container } from "./styled";
+import react from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Button } from "@webiny/admin-ui";
+import { Container } from "./styled.js";
 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
+const LoadMoreButton = ({ disabled, windowHeight, tableHeight, show, onClick })=>{
+    if (show && windowHeight > tableHeight) return /*#__PURE__*/ react.createElement(Container, null, /*#__PURE__*/ react.createElement(Button, {
+        onClick: onClick,
+        disabled: disabled,
+        variant: "primary"
     }, t`Load more records`));
-  }
-  return null;
+    return null;
 };
+export { LoadMoreButton };
 
 //# sourceMappingURL=LoadMoreButton.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"views/Logs/LoadMoreButton/LoadMoreButton.js","sources":["../../../../src/views/Logs/LoadMoreButton/LoadMoreButton.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { Container } from \"./styled.js\";\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                <Button\n                    onClick={onClick}\n                    disabled={disabled}\n                    variant={\"primary\"}\n                >{t`Load more records`}</Button>\n            </Container>\n        );\n    }\n\n    return null;\n};\n"],"names":["t","i18n","LoadMoreButton","disabled","windowHeight","tableHeight","show","onClick","Container","Button"],"mappings":";;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAUX,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,YAAY,EACZC,WAAW,EACXC,IAAI,EACJC,OAAO,EACW;IAClB,IAAID,QAAQF,eAAeC,aACvB,OAAO,WAAP,GACI,oBAACG,WAASA,MAAAA,WAAAA,GACN,oBAACC,QAAMA;QACH,SAASF;QACT,UAAUJ;QACV,SAAS;OACXH,CAAC,CAAC,iBAAiB,CAAC;IAKlC,OAAO;AACX"}

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

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

package/views/Logs/LoadMoreButton/index.js

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

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

@@ -1,5 +1,4 @@
-/// <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>, {}>;
+import React from "react";
+export declare const Container: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/views/Logs/LoadMoreButton/styled.js

@@ -1,18 +1,7 @@
-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__
-});
+import react from "react";
+const Container = ({ children })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-center mt-md"
+    }, children);
+export { Container };
 
 //# sourceMappingURL=styled.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"views/Logs/LoadMoreButton/styled.js","sources":["../../../../src/views/Logs/LoadMoreButton/styled.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const Container = ({ children }: { children: React.ReactNode }) => {\n    return <div className={\"flex justify-center mt-md\"}>{children}</div>;\n};\n"],"names":["Container","children"],"mappings":";AAEO,MAAMA,YAAY,CAAC,EAAEC,QAAQ,EAAiC,GAC1D,WAAP,GAAO,oBAAC;QAAI,WAAW;OAA8BA"}

package/views/Logs/LoadingMore/index.js

@@ -1,16 +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";
+import react from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Loader, Text } from "@webiny/admin-ui";
 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...`));
-};
+const LoadingMore = ()=>/*#__PURE__*/ react.createElement("div", {
+        className: "absolute bottom-0 left-0 flex w-full items-center justify-center p-xl"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "mx-auto flex items-center gap-sm rounded-md border border-neutral-dimmed bg-white p-md"
+    }, /*#__PURE__*/ react.createElement(Loader, {
+        size: "xs"
+    }), /*#__PURE__*/ react.createElement(Text, {
+        as: "span"
+    }, t`Loading more records...`)));
+export { LoadingMore };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"views/Logs/LoadingMore/index.js","sources":["../../../../src/views/Logs/LoadingMore/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Loader, Text } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-audit-logs/components/table/loading-more\");\n\nexport const LoadingMore = () => {\n    return (\n        <div className=\"absolute bottom-0 left-0 flex w-full items-center justify-center p-xl\">\n            <div className=\"mx-auto flex items-center gap-sm rounded-md border border-neutral-dimmed bg-white p-md\">\n                <Loader size={\"xs\"} />\n                <Text as={\"span\"}>{t`Loading more records...`}</Text>\n            </div>\n        </div>\n    );\n};\n"],"names":["t","i18n","LoadingMore","Loader","Text"],"mappings":";;;AAIA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,cAAc,IAChB,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACC,QAAMA;QAAC,MAAM;sBACd,oBAACC,MAAIA;QAAC,IAAI;OAASJ,CAAC,CAAC,uBAAuB,CAAC"}