@webiny/app-audit-logs 6.3.0 → 6.4.0-beta.0

package/views/Logs/Filters/FilterByInitiator.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useQuery","useBind","Select","LIST_USERS","getValidFilterValue","value","undefined","FilterByInitiator","data","listUsers","bind","name","beforeChange","cb","options","users","adminUsers","label","map","user","firstName","lastName","id","createElement","Object","assign","size","placeholder"],"sources":["FilterByInitiator.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport { useBind } from \"@webiny/form\";\nimport { Select } from \"@webiny/ui/Select/index.js\";\nimport { LIST_USERS } from \"~/graphql.js\";\nimport type { User } from \"~/types.js\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByInitiator = () => {\n    const { data: listUsers } = useQuery(LIST_USERS);\n    const bind = useBind({\n        name: \"data.initiator\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        const users: User[] = listUsers?.adminUsers?.users?.data || [];\n\n        return [\n            { label: \"All\", value: \"all\" },\n            ...users.map(user => ({ label: `${user.firstName} ${user.lastName}`, value: user.id }))\n        ];\n    }, [listUsers]);\n\n    return (\n        <Select {...bind} size={\"medium\"} placeholder={\"Filter by Initiator\"} options={options} />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,UAAU;AAGnB,MAAMC,mBAAmB,GAAIC,KAAa,IAAyB;EAC/D,IAAIA,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;IACjC,OAAOC,SAAS;EACpB;EACA,OAAOD,KAAK;AAChB,CAAC;AAED,OAAO,MAAME,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAM;IAAEC,IAAI,EAAEC;EAAU,CAAC,GAAGT,QAAQ,CAACG,UAAU,CAAC;EAChD,MAAMO,IAAI,GAAGT,OAAO,CAAC;IACjBU,IAAI,EAAE,gBAAgB;IACtBC,YAAYA,CAACP,KAAK,EAAEQ,EAAE,EAAE;MACpBA,EAAE,CAACT,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,MAAMS,OAAO,GAAGf,OAAO,CAAC,MAAM;IAC1B,MAAMgB,KAAa,GAAGN,SAAS,EAAEO,UAAU,EAAED,KAAK,EAAEP,IAAI,IAAI,EAAE;IAE9D,OAAO,CACH;MAAES,KAAK,EAAE,KAAK;MAAEZ,KAAK,EAAE;IAAM,CAAC,EAC9B,GAAGU,KAAK,CAACG,GAAG,CAACC,IAAI,KAAK;MAAEF,KAAK,EAAE,GAAGE,IAAI,CAACC,SAAS,IAAID,IAAI,CAACE,QAAQ,EAAE;MAAEhB,KAAK,EAAEc,IAAI,CAACG;IAAG,CAAC,CAAC,CAAC,CAC1F;EACL,CAAC,EAAE,CAACb,SAAS,CAAC,CAAC;EAEf,oBACIX,KAAA,CAAAyB,aAAA,CAACrB,MAAM,EAAAsB,MAAA,CAAAC,MAAA,KAAKf,IAAI;IAAEgB,IAAI,EAAE,QAAS;IAACC,WAAW,EAAE,qBAAsB;IAACb,OAAO,EAAEA;EAAQ,EAAE,CAAC;AAElG,CAAC","ignoreList":[]}
+{"version":3,"file":"views/Logs/Filters/FilterByInitiator.js","sources":["../../../../src/views/Logs/Filters/FilterByInitiator.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport { useBind } from \"@webiny/form\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { LIST_USERS } from \"~/graphql.js\";\nimport type { User } from \"~/types.js\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByInitiator = () => {\n    const { data: listUsers } = useQuery(LIST_USERS);\n    const bind = useBind({\n        name: \"data.initiator\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        const users: User[] = listUsers?.adminUsers?.users?.data || [];\n\n        return [\n            { label: \"All\", value: \"all\" },\n            ...users.map(user => ({ label: `${user.firstName} ${user.lastName}`, value: user.id }))\n        ];\n    }, [listUsers]);\n\n    return <Select {...bind} size={\"md\"} placeholder={\"Filter by Initiator\"} options={options} />;\n};\n"],"names":["getValidFilterValue","value","FilterByInitiator","listUsers","useQuery","LIST_USERS","bind","useBind","cb","options","useMemo","users","user","Select"],"mappings":";;;;;AAOA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA;AACX;AAEO,MAAMC,oBAAoB;IAC7B,MAAM,EAAE,MAAMC,SAAS,EAAE,GAAGC,SAASC;IACrC,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAaN,KAAK,EAAEO,EAAE;YAClBA,GAAGR,oBAAoBC;QAC3B;IACJ;IAEA,MAAMQ,UAAUC,QAAQ;QACpB,MAAMC,QAAgBR,WAAW,YAAY,OAAO,QAAQ,EAAE;QAE9D,OAAO;YACH;gBAAE,OAAO;gBAAO,OAAO;YAAM;eAC1BQ,MAAM,GAAG,CAACC,CAAAA,OAAS;oBAAE,OAAO,GAAGA,KAAK,SAAS,CAAC,CAAC,EAAEA,KAAK,QAAQ,EAAE;oBAAE,OAAOA,KAAK,EAAE;gBAAC;SACvF;IACL,GAAG;QAACT;KAAU;IAEd,OAAO,WAAP,GAAO,oBAACU,QAAMA;QAAE,GAAGP,IAAI;QAAE,MAAM;QAAM,aAAa;QAAuB,SAASG;;AACtF"}

package/views/Logs/Filters/FilterByTimestamp.js

@@ -1,40 +1,39 @@
-import React from "react";
+import react from "react";
 import { format } from "date-fns";
-import { Input } from "@webiny/ui/Input/index.js";
+import { Input } from "@webiny/admin-ui";
 import { useBind } from "@webiny/form";
 import { TimestampFiltersContainer } from "./styled.js";
-const formatDateTime = date => {
-  if (!date) {
-    return "";
-  }
-  return format(new Date(date), "yyyy-MM-dd'T'HH:mm");
+const formatDateTime = (date)=>{
+    if (!date) return "";
+    return format(new Date(date), "yyyy-MM-dd'T'HH:mm");
 };
-const getValidFilterValue = value => {
-  if (value === "") {
-    return undefined;
-  }
-  return new Date(value);
+const getValidFilterValue = (value)=>{
+    if ("" === value) return;
+    return new Date(value);
 };
-export const FilterByTimestamp = () => {
-  const bindFrom = useBind({
-    name: "data.timestamp_gte",
-    beforeChange(value, cb) {
-      cb(getValidFilterValue(value));
-    }
-  });
-  const bindTo = useBind({
-    name: "data.timestamp_lte",
-    beforeChange(value, cb) {
-      cb(getValidFilterValue(value));
-    }
-  });
-  return /*#__PURE__*/React.createElement(TimestampFiltersContainer, null, /*#__PURE__*/React.createElement(Input, Object.assign({}, bindFrom, {
-    value: formatDateTime(bindFrom.value),
-    type: "datetime-local"
-  })), /*#__PURE__*/React.createElement(Input, Object.assign({}, bindTo, {
-    value: formatDateTime(bindTo.value),
-    type: "datetime-local"
-  })));
+const FilterByTimestamp = ()=>{
+    const bindFrom = useBind({
+        name: "data.timestamp_gte",
+        beforeChange (value, cb) {
+            cb(getValidFilterValue(value));
+        }
+    });
+    const bindTo = useBind({
+        name: "data.timestamp_lte",
+        beforeChange (value, cb) {
+            cb(getValidFilterValue(value));
+        }
+    });
+    return /*#__PURE__*/ react.createElement(TimestampFiltersContainer, null, /*#__PURE__*/ react.createElement(Input, {
+        ...bindFrom,
+        value: formatDateTime(bindFrom.value),
+        type: "datetime-local"
+    }), /*#__PURE__*/ react.createElement(Input, {
+        ...bindTo,
+        value: formatDateTime(bindTo.value),
+        type: "datetime-local"
+    }));
 };
+export { FilterByTimestamp };
 
 //# sourceMappingURL=FilterByTimestamp.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","format","Input","useBind","TimestampFiltersContainer","formatDateTime","date","Date","getValidFilterValue","value","undefined","FilterByTimestamp","bindFrom","name","beforeChange","cb","bindTo","createElement","Object","assign","type"],"sources":["FilterByTimestamp.tsx"],"sourcesContent":["import React from \"react\";\nimport { format } from \"date-fns\";\nimport { Input } from \"@webiny/ui/Input/index.js\";\nimport { useBind } from \"@webiny/form\";\nimport { TimestampFiltersContainer } from \"./styled.js\";\n\nconst formatDateTime = (date: string) => {\n    if (!date) {\n        return \"\";\n    }\n\n    return format(new Date(date), \"yyyy-MM-dd'T'HH:mm\");\n};\n\nconst getValidFilterValue = (value: string): Date | undefined => {\n    if (value === \"\") {\n        return undefined;\n    }\n\n    return new Date(value);\n};\n\nexport const FilterByTimestamp = () => {\n    const bindFrom = useBind({\n        name: \"data.timestamp_gte\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const bindTo = useBind({\n        name: \"data.timestamp_lte\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    return (\n        <TimestampFiltersContainer>\n            <Input {...bindFrom} value={formatDateTime(bindFrom.value)} type=\"datetime-local\" />\n            <Input {...bindTo} value={formatDateTime(bindTo.value)} type=\"datetime-local\" />\n        </TimestampFiltersContainer>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,KAAK,QAAQ,2BAA2B;AACjD,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,yBAAyB;AAElC,MAAMC,cAAc,GAAIC,IAAY,IAAK;EACrC,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,EAAE;EACb;EAEA,OAAOL,MAAM,CAAC,IAAIM,IAAI,CAACD,IAAI,CAAC,EAAE,oBAAoB,CAAC;AACvD,CAAC;AAED,MAAME,mBAAmB,GAAIC,KAAa,IAAuB;EAC7D,IAAIA,KAAK,KAAK,EAAE,EAAE;IACd,OAAOC,SAAS;EACpB;EAEA,OAAO,IAAIH,IAAI,CAACE,KAAK,CAAC;AAC1B,CAAC;AAED,OAAO,MAAME,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAMC,QAAQ,GAAGT,OAAO,CAAC;IACrBU,IAAI,EAAE,oBAAoB;IAC1BC,YAAYA,CAACL,KAAK,EAAEM,EAAE,EAAE;MACpBA,EAAE,CAACP,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,MAAMO,MAAM,GAAGb,OAAO,CAAC;IACnBU,IAAI,EAAE,oBAAoB;IAC1BC,YAAYA,CAACL,KAAK,EAAEM,EAAE,EAAE;MACpBA,EAAE,CAACP,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,oBACIT,KAAA,CAAAiB,aAAA,CAACb,yBAAyB,qBACtBJ,KAAA,CAAAiB,aAAA,CAACf,KAAK,EAAAgB,MAAA,CAAAC,MAAA,KAAKP,QAAQ;IAAEH,KAAK,EAAEJ,cAAc,CAACO,QAAQ,CAACH,KAAK,CAAE;IAACW,IAAI,EAAC;EAAgB,EAAE,CAAC,eACpFpB,KAAA,CAAAiB,aAAA,CAACf,KAAK,EAAAgB,MAAA,CAAAC,MAAA,KAAKH,MAAM;IAAEP,KAAK,EAAEJ,cAAc,CAACW,MAAM,CAACP,KAAK,CAAE;IAACW,IAAI,EAAC;EAAgB,EAAE,CACxD,CAAC;AAEpC,CAAC","ignoreList":[]}
+{"version":3,"file":"views/Logs/Filters/FilterByTimestamp.js","sources":["../../../../src/views/Logs/Filters/FilterByTimestamp.tsx"],"sourcesContent":["import React from \"react\";\nimport { format } from \"date-fns\";\nimport { Input } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\nimport { TimestampFiltersContainer } from \"./styled.js\";\n\nconst formatDateTime = (date: string) => {\n    if (!date) {\n        return \"\";\n    }\n\n    return format(new Date(date), \"yyyy-MM-dd'T'HH:mm\");\n};\n\nconst getValidFilterValue = (value: string): Date | undefined => {\n    if (value === \"\") {\n        return undefined;\n    }\n\n    return new Date(value);\n};\n\nexport const FilterByTimestamp = () => {\n    const bindFrom = useBind({\n        name: \"data.timestamp_gte\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const bindTo = useBind({\n        name: \"data.timestamp_lte\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    return (\n        <TimestampFiltersContainer>\n            <Input {...bindFrom} value={formatDateTime(bindFrom.value)} type=\"datetime-local\" />\n            <Input {...bindTo} value={formatDateTime(bindTo.value)} type=\"datetime-local\" />\n        </TimestampFiltersContainer>\n    );\n};\n"],"names":["formatDateTime","date","format","Date","getValidFilterValue","value","FilterByTimestamp","bindFrom","useBind","cb","bindTo","TimestampFiltersContainer","Input"],"mappings":";;;;;AAMA,MAAMA,iBAAiB,CAACC;IACpB,IAAI,CAACA,MACD,OAAO;IAGX,OAAOC,OAAO,IAAIC,KAAKF,OAAO;AAClC;AAEA,MAAMG,sBAAsB,CAACC;IACzB,IAAIA,AAAU,OAAVA,OACA;IAGJ,OAAO,IAAIF,KAAKE;AACpB;AAEO,MAAMC,oBAAoB;IAC7B,MAAMC,WAAWC,QAAQ;QACrB,MAAM;QACN,cAAaH,KAAK,EAAEI,EAAE;YAClBA,GAAGL,oBAAoBC;QAC3B;IACJ;IAEA,MAAMK,SAASF,QAAQ;QACnB,MAAM;QACN,cAAaH,KAAK,EAAEI,EAAE;YAClBA,GAAGL,oBAAoBC;QAC3B;IACJ;IAEA,OAAO,WAAP,GACI,oBAACM,2BAAyBA,MAAAA,WAAAA,GACtB,oBAACC,OAAKA;QAAE,GAAGL,QAAQ;QAAE,OAAOP,eAAeO,SAAS,KAAK;QAAG,MAAK;sBACjE,oBAACK,OAAKA;QAAE,GAAGF,MAAM;QAAE,OAAOV,eAAeU,OAAO,KAAK;QAAG,MAAK;;AAGzE"}

package/views/Logs/Filters/Filters.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Filters","BaseFilters","useAuditLogsListConfig","showingFilters","setWhere","browser","applyFilters","data","Object","keys","length","convertedFilters","filtersToWhere","reduce","converter","createElement","filters","show","onChange"],"sources":["Filters.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { FiltersOnSubmit } from \"@webiny/app-admin\";\nimport { Filters as BaseFilters } from \"@webiny/app-admin\";\nimport { useAuditLogsListConfig } from \"~/config/list/index.js\";\nimport type { IListAuditLogsVariablesWhere } from \"~/hooks/graphql.js\";\n\ninterface FiltersProps {\n    showingFilters: boolean;\n    setWhere: (where: Partial<IListAuditLogsVariablesWhere>) => void;\n}\n\nexport const Filters = ({ showingFilters, setWhere }: FiltersProps) => {\n    const { browser } = useAuditLogsListConfig();\n\n    const applyFilters: FiltersOnSubmit = useCallback(\n        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            setWhere(convertedFilters);\n        },\n        [browser.filtersToWhere]\n    );\n\n    return <BaseFilters filters={browser.filters} show={showingFilters} onChange={applyFilters} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,OAAO,IAAIC,WAAW,QAAQ,mBAAmB;AAC1D,SAASC,sBAAsB;AAQ/B,OAAO,MAAMF,OAAO,GAAGA,CAAC;EAAEG,cAAc;EAAEC;AAAuB,CAAC,KAAK;EACnE,MAAM;IAAEC;EAAQ,CAAC,GAAGH,sBAAsB,CAAC,CAAC;EAE5C,MAAMI,YAA6B,GAAGP,WAAW,CAC7CQ,IAAI,IAAI;IACJ,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;IAEDH,QAAQ,CAACO,gBAAgB,CAAC;EAC9B,CAAC,EACD,CAACN,OAAO,CAACO,cAAc,CAC3B,CAAC;EAED,oBAAOd,KAAA,CAAAiB,aAAA,CAACd,WAAW;IAACe,OAAO,EAAEX,OAAO,CAACW,OAAQ;IAACC,IAAI,EAAEd,cAAe;IAACe,QAAQ,EAAEZ;EAAa,CAAE,CAAC;AAClG,CAAC","ignoreList":[]}
+{"version":3,"file":"views/Logs/Filters/Filters.js","sources":["../../../../src/views/Logs/Filters/Filters.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { FiltersOnSubmit } from \"@webiny/app-admin\";\nimport { Filters as BaseFilters } from \"@webiny/app-admin\";\nimport { useAuditLogsListConfig } from \"~/config/list/index.js\";\nimport type { IListAuditLogsVariablesWhere } from \"~/hooks/graphql.js\";\n\ninterface FiltersProps {\n    showingFilters: boolean;\n    setWhere: (where: Partial<IListAuditLogsVariablesWhere>) => void;\n}\n\nexport const Filters = ({ showingFilters, setWhere }: FiltersProps) => {\n    const { browser } = useAuditLogsListConfig();\n\n    const applyFilters: FiltersOnSubmit = useCallback(\n        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            setWhere(convertedFilters);\n        },\n        [browser.filtersToWhere]\n    );\n\n    return <BaseFilters filters={browser.filters} show={showingFilters} onChange={applyFilters} />;\n};\n"],"names":["Filters","showingFilters","setWhere","browser","useAuditLogsListConfig","applyFilters","useCallback","data","Object","convertedFilters","converter","BaseFilters"],"mappings":";;;AAWO,MAAMA,kBAAU,CAAC,EAAEC,cAAc,EAAEC,QAAQ,EAAgB;IAC9D,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,MAAMC,eAAgCC,YAClCC,CAAAA;QACI,IAAI,CAACC,OAAO,IAAI,CAACD,MAAM,MAAM,EACzB;QAGJ,MAAME,mBAAmBN,QAAQ,cAAc,CAAC,MAAM,CAClD,CAACI,MAAMG,YAAcA,UAAUH,OAC/BA;QAGJL,SAASO;IACb,GACA;QAACN,QAAQ,cAAc;KAAC;IAG5B,OAAO,WAAP,GAAO,oBAACQ,SAAWA;QAAC,SAASR,QAAQ,OAAO;QAAE,MAAMF;QAAgB,UAAUI;;AAClF"}

package/views/Logs/Filters/index.js

@@ -5,5 +5,3 @@ export * from "./FilterByApp.js";
 export * from "./FilterByEntity.js";
 export * from "./FilterByEntityId.js";
 export * from "./FilterByAction.js";
-
-//# sourceMappingURL=index.js.map

package/views/Logs/Filters/styled.js

@@ -1,17 +1,13 @@
-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: "1ll3ezz",
-  styles: "display:flex;column-gap:16px;grow:1;.relative{height:32px;}"
-} : {
-  name: "1ll3ezz",
-  styles: "display:flex;column-gap:16px;grow:1;.relative{height:32px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW1EIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IFRpbWVzdGFtcEZpbHRlcnNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY29sdW1uLWdhcDogMTZweDtcbiAgICBncm93OiAxO1xuXG4gICAgLnJlbGF0aXZlIHtcbiAgICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgIH1cbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import styled from "@emotion/styled";
+const TimestampFiltersContainer = styled.div`
+    display: flex;
+    column-gap: 16px;
+    grow: 1;
+
+    .relative {
+        height: 32px;
+    }
+`;
+export { TimestampFiltersContainer };
 
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["TimestampFiltersContainer","_styled","process","env","NODE_ENV","target","label","name","styles","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    grow: 1;\n\n    .relative {\n        height: 32px;\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,QAAA,EAAAC;AAAA,EAQrC","ignoreList":[]}
+{"version":3,"file":"views/Logs/Filters/styled.js","sources":["../../../../src/views/Logs/Filters/styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const TimestampFiltersContainer = styled.div`\n    display: flex;\n    column-gap: 16px;\n    grow: 1;\n\n    .relative {\n        height: 32px;\n    }\n`;\n"],"names":["TimestampFiltersContainer","styled"],"mappings":";AAEO,MAAMA,4BAA4BC,OAAO,GAAG,CAAC;;;;;;;;AAQpD,CAAC"}

package/views/Logs/Filters/types.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=types.js.map

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

@@ -1,47 +1,28 @@
-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/index.js";
-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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkZpbHRlcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1tQyIsImZpbGUiOiJCdXR0b25GaWx0ZXJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBGaWx0ZXJJY29uIH0gZnJvbSBcIkB3ZWJpbnkvaWNvbnMvZmlsdGVyX2xpc3Quc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBDbG9zZUZpbHRlckljb24gfSBmcm9tIFwiQHdlYmlueS9pY29ucy9maWx0ZXJfbGlzdF9vZmYuc3ZnXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uL2luZGV4LmpzXCI7XG5cbmNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWFyZ2luLWxlZnQ6IDhweDtcbmA7XG5cbmludGVyZmFjZSBJY29uUHJvcHMge1xuICAgIHNob3dpbmdGaWx0ZXJzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgSWNvbiA9ICh7IHNob3dpbmdGaWx0ZXJzIH06IEljb25Qcm9wcykgPT4ge1xuICAgIHJldHVybiBzaG93aW5nRmlsdGVycyA/IDxDbG9zZUZpbHRlckljb24gLz4gOiA8RmlsdGVySWNvbiAvPjtcbn07XG5jb25zdCBJY29uQ29tcG9uZW50ID0gUmVhY3QubWVtbyhJY29uKTtcblxudHlwZSBCdXR0b25GaWx0ZXJzUHJvcHMgPSB7XG4gICAgc2hvd2luZ0ZpbHRlcnM6IGJvb2xlYW47XG4gICAgaGlkZUZpbHRlcnM6ICgpID0+IHZvaWQ7XG4gICAgc2hvd0ZpbHRlcnM6ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uRmlsdGVycyA9ICh7IHNob3dpbmdGaWx0ZXJzLCBoaWRlRmlsdGVycywgc2hvd0ZpbHRlcnMgfTogQnV0dG9uRmlsdGVyc1Byb3BzKSA9PiB7XG4gICAgY29uc3QgdG9nZ2xlRmlsdGVycyA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgaWYgKHNob3dpbmdGaWx0ZXJzKSB7XG4gICAgICAgICAgICBoaWRlRmlsdGVycygpO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHNob3dGaWx0ZXJzKCk7XG4gICAgfSwgW3Nob3dpbmdGaWx0ZXJzXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8QnV0dG9uV3JhcHBlcj5cbiAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgaWNvbj17PEljb25Db21wb25lbnQgc2hvd2luZ0ZpbHRlcnM9e3Nob3dpbmdGaWx0ZXJzfSAvPn1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVGaWx0ZXJzfVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiYXVkaXQtbG9ncy50b2dnbGUtZmlsdGVyc1wiXG4gICAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgKTtcbn07XG4iXX0= */",
-  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 styled from "@emotion/styled";
+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 ButtonWrapper = styled("div")`
+    margin-left: 8px;
+`;
+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(ButtonWrapper, null, /*#__PURE__*/ react.createElement(IconButton, {
+        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","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\";\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/index.js\";\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;AAE1C,SAASC,cAAc,IAAIC,UAAU,QAAQ,+BAA+B;AAC5E,SAASD,cAAc,IAAIE,eAAe,QAAQ,mCAAmC;AACrF,SAASC,UAAU,QAAQ,4BAA4B;AAEvD,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,QAAA,EAAAC;AAAA,EAElC;AAMD,MAAMC,IAAI,GAAGA,CAAC;EAAEC;AAA0B,CAAC,KAAK;EAC5C,OAAOA,cAAc,gBAAGlB,KAAA,CAAAmB,aAAA,CAACf,eAAe,MAAE,CAAC,gBAAGJ,KAAA,CAAAmB,aAAA,CAAChB,UAAU,MAAE,CAAC;AAChE,CAAC;AACD,MAAMiB,aAAa,gBAAGpB,KAAK,CAACqB,IAAI,CAACJ,IAAI,CAAC;AAQtC,OAAO,MAAMK,aAAa,GAAGA,CAAC;EAAEJ,cAAc;EAAEK,WAAW;EAAEC;AAAgC,CAAC,KAAK;EAC/F,MAAMC,aAAa,GAAGxB,WAAW,CAAC,MAAM;IACpC,IAAIiB,cAAc,EAAE;MAChBK,WAAW,CAAC,CAAC;MACb;IACJ;IACAC,WAAW,CAAC,CAAC;EACjB,CAAC,EAAE,CAACN,cAAc,CAAC,CAAC;EAEpB,oBACIlB,KAAA,CAAAmB,aAAA,CAACb,aAAa,qBACVN,KAAA,CAAAmB,aAAA,CAACd,UAAU;IACPqB,IAAI,eAAE1B,KAAA,CAAAmB,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 styled from \"@emotion/styled\";\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\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"],"names":["ButtonWrapper","styled","Icon","showingFilters","CloseFilterIcon","FilterIcon","IconComponent","React","ButtonFilters","hideFilters","showFilters","toggleFilters","useCallback","IconButton"],"mappings":";;;;;AAMA,MAAMA,gBAAgBC,OAAO,MAAM,CAAC;;AAEpC,CAAC;AAMD,MAAMC,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,oBAACH,eAAaA,MAAAA,WAAAA,GACV,oBAACa,YAAUA;QACP,oBAAM,oBAACP,eAAaA;YAAC,gBAAgBH;;QACrC,SAASQ;QACT,eAAY;;AAI5B"}

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

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

package/views/Logs/Header/Header.js

@@ -1,70 +1,17 @@
-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 { Cell, Grid } from "@webiny/ui/Grid/index.js";
+import react from "react";
 import { ButtonFilters } from "./ButtonFilters/index.js";
 import { Text } from "../../../components/Text.js";
-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)/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTStCIiwiZmlsZSI6IkhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENlbGwsIEdyaWQgfSBmcm9tIFwiQHdlYmlueS91aS9HcmlkL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBCdXR0b25GaWx0ZXJzIH0gZnJvbSBcIn4vdmlld3MvTG9ncy9IZWFkZXIvQnV0dG9uRmlsdGVycy9pbmRleC5qc1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCJ+L2NvbXBvbmVudHMvVGV4dC5qc1wiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcGFkZGluZzogOHB4IDIwcHggOHB4IDIwcHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgei1pbmRleDogMztcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSk7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4xMik7XG5gO1xuXG5jb25zdCBXcmFwcGVyQWN0aW9ucyA9IHN0eWxlZChcImRpdlwiKWBcbiAgICB3aWR0aDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG5jb25zdCBUaXRsZVdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbnR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBzaG93aW5nRmlsdGVyczogYm9vbGVhbjtcbiAgICBoaWRlRmlsdGVyczogKCkgPT4gdm9pZDtcbiAgICBzaG93RmlsdGVyczogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBIZWFkZXIgPSAoeyB0aXRsZSwgc2hvd2luZ0ZpbHRlcnMsIGhpZGVGaWx0ZXJzLCBzaG93RmlsdGVycyB9OiBIZWFkZXJQcm9wcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8R3JpZCBhbGlnbj17XCJyaWdodFwifSBzdHlsZT17eyBwYWRkaW5nOiAwIH19PlxuICAgICAgICAgICAgICAgIDxDZWxsIHNwYW49ezR9PlxuICAgICAgICAgICAgICAgICAgICA8VGl0bGVXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRleHQgdXNlPXtcImhlYWRsaW5lNVwifT57dGl0bGV9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8L0NlbGw+XG4gICAgICAgICAgICAgICAgPENlbGwgc3Bhbj17OH0+XG4gICAgICAgICAgICAgICAgICAgIDxXcmFwcGVyQWN0aW9ucz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25GaWx0ZXJzXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2hvd2luZ0ZpbHRlcnM9e3Nob3dpbmdGaWx0ZXJzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhpZGVGaWx0ZXJzPXtoaWRlRmlsdGVyc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzaG93RmlsdGVycz17c2hvd0ZpbHRlcnN9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L1dyYXBwZXJBY3Rpb25zPlxuICAgICAgICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
-  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%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JvQyIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDZWxsLCBHcmlkIH0gZnJvbSBcIkB3ZWJpbnkvdWkvR3JpZC9pbmRleC5qc1wiO1xuaW1wb3J0IHsgQnV0dG9uRmlsdGVycyB9IGZyb20gXCJ+L3ZpZXdzL0xvZ3MvSGVhZGVyL0J1dHRvbkZpbHRlcnMvaW5kZXguanNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwifi9jb21wb25lbnRzL1RleHQuanNcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBhZGRpbmc6IDhweCAyMHB4IDhweCAyMHB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHotaW5kZXg6IDM7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuYDtcblxuY29uc3QgV3JhcHBlckFjdGlvbnMgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAxMDAlO1xuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgc2hvd2luZ0ZpbHRlcnM6IGJvb2xlYW47XG4gICAgaGlkZUZpbHRlcnM6ICgpID0+IHZvaWQ7XG4gICAgc2hvd0ZpbHRlcnM6ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gKHsgdGl0bGUsIHNob3dpbmdGaWx0ZXJzLCBoaWRlRmlsdGVycywgc2hvd0ZpbHRlcnMgfTogSGVhZGVyUHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGFpbmVyPlxuICAgICAgICAgICAgPEdyaWQgYWxpZ249e1wicmlnaHRcIn0gc3R5bGU9e3sgcGFkZGluZzogMCB9fT5cbiAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXs0fT5cbiAgICAgICAgICAgICAgICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IHVzZT17XCJoZWFkbGluZTVcIn0+e3RpdGxlfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9UaXRsZVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICAgICAgIDxDZWxsIHNwYW49ezh9PlxuICAgICAgICAgICAgICAgICAgICA8V3JhcHBlckFjdGlvbnM+XG4gICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uRmlsdGVyc1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3dpbmdGaWx0ZXJzPXtzaG93aW5nRmlsdGVyc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBoaWRlRmlsdGVycz17aGlkZUZpbHRlcnN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2hvd0ZpbHRlcnM9e3Nob3dGaWx0ZXJzfVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgPC9XcmFwcGVyQWN0aW9ucz5cbiAgICAgICAgICAgICAgICA8L0NlbGw+XG4gICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  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%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJrQyIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDZWxsLCBHcmlkIH0gZnJvbSBcIkB3ZWJpbnkvdWkvR3JpZC9pbmRleC5qc1wiO1xuaW1wb3J0IHsgQnV0dG9uRmlsdGVycyB9IGZyb20gXCJ+L3ZpZXdzL0xvZ3MvSGVhZGVyL0J1dHRvbkZpbHRlcnMvaW5kZXguanNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwifi9jb21wb25lbnRzL1RleHQuanNcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBhZGRpbmc6IDhweCAyMHB4IDhweCAyMHB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHotaW5kZXg6IDM7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuYDtcblxuY29uc3QgV3JhcHBlckFjdGlvbnMgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAxMDAlO1xuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgc2hvd2luZ0ZpbHRlcnM6IGJvb2xlYW47XG4gICAgaGlkZUZpbHRlcnM6ICgpID0+IHZvaWQ7XG4gICAgc2hvd0ZpbHRlcnM6ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gKHsgdGl0bGUsIHNob3dpbmdGaWx0ZXJzLCBoaWRlRmlsdGVycywgc2hvd0ZpbHRlcnMgfTogSGVhZGVyUHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGFpbmVyPlxuICAgICAgICAgICAgPEdyaWQgYWxpZ249e1wicmlnaHRcIn0gc3R5bGU9e3sgcGFkZGluZzogMCB9fT5cbiAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXs0fT5cbiAgICAgICAgICAgICAgICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IHVzZT17XCJoZWFkbGluZTVcIn0+e3RpdGxlfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9UaXRsZVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICAgICAgIDxDZWxsIHNwYW49ezh9PlxuICAgICAgICAgICAgICAgICAgICA8V3JhcHBlckFjdGlvbnM+XG4gICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uRmlsdGVyc1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3dpbmdGaWx0ZXJzPXtzaG93aW5nRmlsdGVyc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBoaWRlRmlsdGVycz17aGlkZUZpbHRlcnN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2hvd0ZpbHRlcnM9e3Nob3dGaWx0ZXJzfVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgPC9XcmFwcGVyQWN0aW9ucz5cbiAgICAgICAgICAgICAgICA8L0NlbGw+XG4gICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const Header = ({
-  title,
-  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(ButtonFilters, {
-    showingFilters: showingFilters,
-    hideFilters: hideFilters,
-    showFilters: showFilters
-  })))));
-};
+const Header = ({ title, showingFilters, hideFilters, showFilters })=>/*#__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(ButtonFilters, {
+        showingFilters: showingFilters,
+        hideFilters: hideFilters,
+        showFilters: showFilters
+    })));
+export { Header };
 
 //# sourceMappingURL=Header.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Cell","Grid","ButtonFilters","Text","Container","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","WrapperActions","TitleWrapper","Header","title","showingFilters","hideFilters","showFilters","createElement","align","style","padding","span","use"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Cell, Grid } from \"@webiny/ui/Grid/index.js\";\nimport { ButtonFilters } from \"~/views/Logs/Header/ButtonFilters/index.js\";\nimport { Text } from \"~/components/Text.js\";\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    showingFilters: boolean;\n    hideFilters: () => void;\n    showFilters: () => void;\n};\n\nexport const Header = ({ title, showingFilters, hideFilters, showFilters }: 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                        <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;AAEzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,0BAA0B;AACrD,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,QAAA,EAAAC;AAAA,EAU9B;AAED,MAAMC,cAAc,gBAAGV,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,QAAA,EAAAC;AAAA,EAMnC;AAED,MAAME,YAAY,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,QAAA,EAAAC;AAAA,EAIjC;AASD,OAAO,MAAMG,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC,cAAc;EAAEC,WAAW;EAAEC;AAAyB,CAAC,KAAK;EACxF,oBACItB,KAAA,CAAAuB,aAAA,CAAClB,SAAS,qBACNL,KAAA,CAAAuB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAE,OAAQ;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAE;EAAE,gBACxC1B,KAAA,CAAAuB,aAAA,CAACtB,IAAI;IAAC0B,IAAI,EAAE;EAAE,gBACV3B,KAAA,CAAAuB,aAAA,CAACN,YAAY,qBACTjB,KAAA,CAAAuB,aAAA,CAACnB,IAAI;IAACwB,GAAG,EAAE;EAAY,GAAET,KAAY,CAC3B,CACZ,CAAC,eACPnB,KAAA,CAAAuB,aAAA,CAACtB,IAAI;IAAC0B,IAAI,EAAE;EAAE,gBACV3B,KAAA,CAAAuB,aAAA,CAACP,cAAc,qBACXhB,KAAA,CAAAuB,aAAA,CAACpB,aAAa;IACViB,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 { ButtonFilters } from \"~/views/Logs/Header/ButtonFilters/index.js\";\nimport { Text } from \"~/components/Text.js\";\n\ntype HeaderProps = {\n    title: string;\n    showingFilters: boolean;\n    hideFilters: () => void;\n    showFilters: () => void;\n};\n\nexport const Header = ({ title, showingFilters, hideFilters, showFilters }: 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                <ButtonFilters\n                    showingFilters={showingFilters}\n                    hideFilters={hideFilters}\n                    showFilters={showFilters}\n                />\n            </div>\n        </div>\n    );\n};\n"],"names":["Header","title","showingFilters","hideFilters","showFilters","Text","ButtonFilters"],"mappings":";;;AAWO,MAAMA,SAAS,CAAC,EAAEC,KAAK,EAAEC,cAAc,EAAEC,WAAW,EAAEC,WAAW,EAAe,GAC5E,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACC,MAAIA;QAAC,KAAK;OAAcJ,QAAAA,WAAAA,GACzB,oBAACK,eAAaA;QACV,gBAAgBJ;QAChB,aAAaC;QACb,aAAaC"}

package/views/Logs/Header/index.js

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

package/views/Logs/LoadMoreButton/LoadMoreButton.js

@@ -1,23 +1,16 @@
-import React from "react";
+import react from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { ButtonPrimary } from "@webiny/ui/Button/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\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ButtonPrimary } from \"@webiny/ui/Button/index.js\";\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                <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;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,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.js

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

package/views/Logs/LoadMoreButton/styled.js

@@ -1,17 +1,9 @@
-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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXNDIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIG1hcmdpbi10b3A6IDE2cHg7XG5gO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import styled from "@emotion/styled";
+const Container = styled("div")`
+    display: flex;
+    justify-content: center;
+    margin-top: 16px;
+`;
+export { Container };
 
 //# sourceMappingURL=styled.js.map