@webiny/app-website-builder 6.3.0 → 6.4.0-beta.1

package/modules/redirects/RedirectsList/components/Empty/Empty.js

@@ -1,54 +1,43 @@
-import React from "react";
-import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/search.svg";
+import { ReactComponent as add_svg_ReactComponent } from "@webiny/icons/add.svg";
 import { EmptyView } from "@webiny/app-admin";
 import { Button, Tooltip } from "@webiny/admin-ui";
-export const Empty = ({
-  isSearch,
-  onCreateDocument,
-  onCreateFolder,
-  canCreateContent,
-  canCreateFolder
-}) => {
-  if (isSearch) {
-    return /*#__PURE__*/React.createElement(EmptyView, {
-      icon: /*#__PURE__*/React.createElement(SearchIcon, null),
-      title: "No results found.",
-      action: null
+const Empty = ({ isSearch, onCreateDocument, onCreateFolder, canCreateContent, canCreateFolder })=>{
+    if (isSearch) return /*#__PURE__*/ react.createElement(EmptyView, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        title: "No results found.",
+        action: null
     });
-  }
-  let createDocumentButton = /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    onClick: onCreateDocument,
-    disabled: !canCreateContent,
-    text: "New redirect",
-    icon: /*#__PURE__*/React.createElement(AddIcon, null)
-  });
-  if (!canCreateContent) {
-    createDocumentButton = /*#__PURE__*/React.createElement(Tooltip, {
-      trigger: createDocumentButton,
-      content: `Cannot create redirect because you're not an owner.`,
-      side: "bottom"
+    let createDocumentButton = /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        onClick: onCreateDocument,
+        disabled: !canCreateContent,
+        text: "New redirect",
+        icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null)
     });
-  }
-  let createFolderButton = /*#__PURE__*/React.createElement(Button, {
-    variant: "secondary",
-    onClick: onCreateFolder,
-    disabled: !canCreateFolder,
-    text: "New folder",
-    icon: /*#__PURE__*/React.createElement(AddIcon, null)
-  });
-  if (!canCreateFolder) {
-    createFolderButton = /*#__PURE__*/React.createElement(Tooltip, {
-      trigger: createFolderButton,
-      content: `Cannot create folder because you're not an owner.`,
-      side: "bottom"
+    if (!canCreateContent) createDocumentButton = /*#__PURE__*/ react.createElement(Tooltip, {
+        trigger: createDocumentButton,
+        content: "Cannot create redirect because you're not an owner.",
+        side: "bottom"
+    });
+    let createFolderButton = /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        onClick: onCreateFolder,
+        disabled: !canCreateFolder,
+        text: "New folder",
+        icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null)
+    });
+    if (!canCreateFolder) createFolderButton = /*#__PURE__*/ react.createElement(Tooltip, {
+        trigger: createFolderButton,
+        content: "Cannot create folder because you're not an owner.",
+        side: "bottom"
+    });
+    return /*#__PURE__*/ react.createElement(EmptyView, {
+        title: `Nothing to show here. ${canCreateContent ? "Navigate to a different folder or create a..." : "Click on the left side to navigate to a different folder."}`,
+        action: /*#__PURE__*/ react.createElement(react.Fragment, null, createFolderButton, createDocumentButton)
     });
-  }
-  return /*#__PURE__*/React.createElement(EmptyView, {
-    title: `Nothing to show here. ${canCreateContent ? "Navigate to a different folder or create a..." : "Click on the left side to navigate to a different folder."}`,
-    action: /*#__PURE__*/React.createElement(React.Fragment, null, createFolderButton, createDocumentButton)
-  });
 };
+export { Empty };
 
 //# sourceMappingURL=Empty.js.map

package/modules/redirects/RedirectsList/components/Empty/Empty.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","SearchIcon","AddIcon","EmptyView","Button","Tooltip","Empty","isSearch","onCreateDocument","onCreateFolder","canCreateContent","canCreateFolder","createElement","icon","title","action","createDocumentButton","variant","onClick","disabled","text","trigger","content","side","createFolderButton","Fragment"],"sources":["Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { EmptyView } from \"@webiny/app-admin\";\nimport { Button, Tooltip } from \"@webiny/admin-ui\";\n\ninterface EmptyProps {\n    isSearch: boolean;\n    onCreateDocument: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreateContent: boolean;\n    canCreateFolder: boolean;\n}\n\nexport const Empty = ({\n    isSearch,\n    onCreateDocument,\n    onCreateFolder,\n    canCreateContent,\n    canCreateFolder\n}: EmptyProps) => {\n    if (isSearch) {\n        return <EmptyView icon={<SearchIcon />} title={\"No results found.\"} action={null} />;\n    }\n\n    let createDocumentButton = (\n        <Button\n            variant={\"primary\"}\n            onClick={onCreateDocument}\n            disabled={!canCreateContent}\n            text={\"New redirect\"}\n            icon={<AddIcon />}\n        />\n    );\n\n    if (!canCreateContent) {\n        createDocumentButton = (\n            <Tooltip\n                trigger={createDocumentButton}\n                content={`Cannot create redirect because you're not an owner.`}\n                side={\"bottom\"}\n            />\n        );\n    }\n\n    let createFolderButton = (\n        <Button\n            variant={\"secondary\"}\n            onClick={onCreateFolder}\n            disabled={!canCreateFolder}\n            text={\"New folder\"}\n            icon={<AddIcon />}\n        />\n    );\n\n    if (!canCreateFolder) {\n        createFolderButton = (\n            <Tooltip\n                trigger={createFolderButton}\n                content={`Cannot create folder because you're not an owner.`}\n                side={\"bottom\"}\n            />\n        );\n    }\n\n    return (\n        <EmptyView\n            title={`Nothing to show here. ${\n                canCreateContent\n                    ? \"Navigate to a different folder or create a...\"\n                    : \"Click on the left side to navigate to a different folder.\"\n            }`}\n            action={\n                <>\n                    {createFolderButton}\n                    {createDocumentButton}\n                </>\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASD,cAAc,IAAIE,OAAO,QAAQ,uBAAuB;AACjE,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,MAAM,EAAEC,OAAO,QAAQ,kBAAkB;AAUlD,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAClBC,QAAQ;EACRC,gBAAgB;EAChBC,cAAc;EACdC,gBAAgB;EAChBC;AACQ,CAAC,KAAK;EACd,IAAIJ,QAAQ,EAAE;IACV,oBAAOR,KAAA,CAAAa,aAAA,CAACT,SAAS;MAACU,IAAI,eAAEd,KAAA,CAAAa,aAAA,CAACX,UAAU,MAAE,CAAE;MAACa,KAAK,EAAE,mBAAoB;MAACC,MAAM,EAAE;IAAK,CAAE,CAAC;EACxF;EAEA,IAAIC,oBAAoB,gBACpBjB,KAAA,CAAAa,aAAA,CAACR,MAAM;IACHa,OAAO,EAAE,SAAU;IACnBC,OAAO,EAAEV,gBAAiB;IAC1BW,QAAQ,EAAE,CAACT,gBAAiB;IAC5BU,IAAI,EAAE,cAAe;IACrBP,IAAI,eAAEd,KAAA,CAAAa,aAAA,CAACV,OAAO,MAAE;EAAE,CACrB,CACJ;EAED,IAAI,CAACQ,gBAAgB,EAAE;IACnBM,oBAAoB,gBAChBjB,KAAA,CAAAa,aAAA,CAACP,OAAO;MACJgB,OAAO,EAAEL,oBAAqB;MAC9BM,OAAO,EAAE,qDAAsD;MAC/DC,IAAI,EAAE;IAAS,CAClB,CACJ;EACL;EAEA,IAAIC,kBAAkB,gBAClBzB,KAAA,CAAAa,aAAA,CAACR,MAAM;IACHa,OAAO,EAAE,WAAY;IACrBC,OAAO,EAAET,cAAe;IACxBU,QAAQ,EAAE,CAACR,eAAgB;IAC3BS,IAAI,EAAE,YAAa;IACnBP,IAAI,eAAEd,KAAA,CAAAa,aAAA,CAACV,OAAO,MAAE;EAAE,CACrB,CACJ;EAED,IAAI,CAACS,eAAe,EAAE;IAClBa,kBAAkB,gBACdzB,KAAA,CAAAa,aAAA,CAACP,OAAO;MACJgB,OAAO,EAAEG,kBAAmB;MAC5BF,OAAO,EAAE,mDAAoD;MAC7DC,IAAI,EAAE;IAAS,CAClB,CACJ;EACL;EAEA,oBACIxB,KAAA,CAAAa,aAAA,CAACT,SAAS;IACNW,KAAK,EAAE,yBACHJ,gBAAgB,GACV,+CAA+C,GAC/C,2DAA2D,EAClE;IACHK,MAAM,eACFhB,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAA0B,QAAA,QACKD,kBAAkB,EAClBR,oBACH;EACL,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/redirects/RedirectsList/components/Empty/Empty.js","sources":["../../../../../../src/modules/redirects/RedirectsList/components/Empty/Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { EmptyView } from \"@webiny/app-admin\";\nimport { Button, Tooltip } from \"@webiny/admin-ui\";\n\ninterface EmptyProps {\n    isSearch: boolean;\n    onCreateDocument: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreateContent: boolean;\n    canCreateFolder: boolean;\n}\n\nexport const Empty = ({\n    isSearch,\n    onCreateDocument,\n    onCreateFolder,\n    canCreateContent,\n    canCreateFolder\n}: EmptyProps) => {\n    if (isSearch) {\n        return <EmptyView icon={<SearchIcon />} title={\"No results found.\"} action={null} />;\n    }\n\n    let createDocumentButton = (\n        <Button\n            variant={\"primary\"}\n            onClick={onCreateDocument}\n            disabled={!canCreateContent}\n            text={\"New redirect\"}\n            icon={<AddIcon />}\n        />\n    );\n\n    if (!canCreateContent) {\n        createDocumentButton = (\n            <Tooltip\n                trigger={createDocumentButton}\n                content={`Cannot create redirect because you're not an owner.`}\n                side={\"bottom\"}\n            />\n        );\n    }\n\n    let createFolderButton = (\n        <Button\n            variant={\"secondary\"}\n            onClick={onCreateFolder}\n            disabled={!canCreateFolder}\n            text={\"New folder\"}\n            icon={<AddIcon />}\n        />\n    );\n\n    if (!canCreateFolder) {\n        createFolderButton = (\n            <Tooltip\n                trigger={createFolderButton}\n                content={`Cannot create folder because you're not an owner.`}\n                side={\"bottom\"}\n            />\n        );\n    }\n\n    return (\n        <EmptyView\n            title={`Nothing to show here. ${\n                canCreateContent\n                    ? \"Navigate to a different folder or create a...\"\n                    : \"Click on the left side to navigate to a different folder.\"\n            }`}\n            action={\n                <>\n                    {createFolderButton}\n                    {createDocumentButton}\n                </>\n            }\n        />\n    );\n};\n"],"names":["Empty","isSearch","onCreateDocument","onCreateFolder","canCreateContent","canCreateFolder","EmptyView","SearchIcon","createDocumentButton","Button","AddIcon","Tooltip","createFolderButton"],"mappings":";;;;;AAcO,MAAMA,QAAQ,CAAC,EAClBC,QAAQ,EACRC,gBAAgB,EAChBC,cAAc,EACdC,gBAAgB,EAChBC,eAAe,EACN;IACT,IAAIJ,UACA,OAAO,WAAP,GAAO,oBAACK,WAASA;QAAC,oBAAM,oBAACC,gBAAUA;QAAK,OAAO;QAAqB,QAAQ;;IAGhF,IAAIC,uBAAuB,WAAvBA,GACA,oBAACC,QAAMA;QACH,SAAS;QACT,SAASP;QACT,UAAU,CAACE;QACX,MAAM;QACN,oBAAM,oBAACM,wBAAOA;;IAItB,IAAI,CAACN,kBACDI,uBAAuB,WAAvBA,GACI,oBAACG,SAAOA;QACJ,SAASH;QACT,SAAS;QACT,MAAM;;IAKlB,IAAII,qBAAqB,WAArBA,GACA,oBAACH,QAAMA;QACH,SAAS;QACT,SAASN;QACT,UAAU,CAACE;QACX,MAAM;QACN,oBAAM,oBAACK,wBAAOA;;IAItB,IAAI,CAACL,iBACDO,qBAAqB,WAArBA,GACI,oBAACD,SAAOA;QACJ,SAASC;QACT,SAAS;QACT,MAAM;;IAKlB,OAAO,WAAP,GACI,oBAACN,WAASA;QACN,OAAO,CAAC,sBAAsB,EAC1BF,mBACM,kDACA,6DACR;QACF,sBACI,0CACKQ,oBACAJ;;AAKrB"}

package/modules/redirects/RedirectsList/components/Empty/index.js

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

package/modules/redirects/RedirectsList/components/Filters/FilterByStatus.js

@@ -1,39 +1,41 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import { Select } from "@webiny/admin-ui";
 import { useBind } from "@webiny/form";
-const getValidFilterValue = value => {
-  if (value === "all" || value === "") {
-    return undefined;
-  }
-  return value === "true";
+const getValidFilterValue = (value)=>{
+    if ("all" === value || "" === value) return;
+    return "true" === value;
 };
-export const FilterByStatus = () => {
-  const bind = useBind({
-    name: "isEnabled",
-    defaultValue: "all",
-    beforeChange(value, cb) {
-      cb(getValidFilterValue(value));
-    }
-  });
-  const options = useMemo(() => {
-    return [{
-      label: "All",
-      value: "all"
-    }, {
-      label: "Enabled",
-      value: "true"
-    }, {
-      label: "Disabled",
-      value: "false"
-    }];
-  }, []);
-  return /*#__PURE__*/React.createElement(Select, Object.assign({}, bind, {
-    value: String(bind.value),
-    size: "md",
-    placeholder: "Filter by status",
-    options: options,
-    displayResetAction: false
-  }));
+const FilterByStatus = ()=>{
+    const bind = useBind({
+        name: "isEnabled",
+        defaultValue: "all",
+        beforeChange (value, cb) {
+            cb(getValidFilterValue(value));
+        }
+    });
+    const options = useMemo(()=>[
+            {
+                label: "All",
+                value: "all"
+            },
+            {
+                label: "Enabled",
+                value: "true"
+            },
+            {
+                label: "Disabled",
+                value: "false"
+            }
+        ], []);
+    return /*#__PURE__*/ react.createElement(Select, {
+        ...bind,
+        value: String(bind.value),
+        size: "md",
+        placeholder: "Filter by status",
+        options: options,
+        displayResetAction: false
+    });
 };
+export { FilterByStatus };
 
 //# sourceMappingURL=FilterByStatus.js.map

package/modules/redirects/RedirectsList/components/Filters/FilterByStatus.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Select","useBind","getValidFilterValue","value","undefined","FilterByStatus","bind","name","defaultValue","beforeChange","cb","options","label","createElement","Object","assign","String","size","placeholder","displayResetAction"],"sources":["FilterByStatus.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\n\nconst getValidFilterValue = (value: string): boolean | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value === \"true\";\n};\n\nexport const FilterByStatus = () => {\n    const bind = useBind({\n        name: \"isEnabled\",\n        defaultValue: \"all\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        return [\n            { label: \"All\", value: \"all\" },\n            { label: \"Enabled\", value: \"true\" },\n            { label: \"Disabled\", value: \"false\" }\n        ];\n    }, []);\n\n    return (\n        <Select\n            {...bind}\n            value={String(bind.value)}\n            size={\"md\"}\n            placeholder={\"Filter by status\"}\n            options={options}\n            displayResetAction={false}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,OAAO,QAAQ,cAAc;AAEtC,MAAMC,mBAAmB,GAAIC,KAAa,IAA0B;EAChE,IAAIA,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;IACjC,OAAOC,SAAS;EACpB;EACA,OAAOD,KAAK,KAAK,MAAM;AAC3B,CAAC;AAED,OAAO,MAAME,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMC,IAAI,GAAGL,OAAO,CAAC;IACjBM,IAAI,EAAE,WAAW;IACjBC,YAAY,EAAE,KAAK;IACnBC,YAAYA,CAACN,KAAK,EAAEO,EAAE,EAAE;MACpBA,EAAE,CAACR,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,MAAMQ,OAAO,GAAGZ,OAAO,CAAC,MAAM;IAC1B,OAAO,CACH;MAAEa,KAAK,EAAE,KAAK;MAAET,KAAK,EAAE;IAAM,CAAC,EAC9B;MAAES,KAAK,EAAE,SAAS;MAAET,KAAK,EAAE;IAAO,CAAC,EACnC;MAAES,KAAK,EAAE,UAAU;MAAET,KAAK,EAAE;IAAQ,CAAC,CACxC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIL,KAAA,CAAAe,aAAA,CAACb,MAAM,EAAAc,MAAA,CAAAC,MAAA,KACCT,IAAI;IACRH,KAAK,EAAEa,MAAM,CAACV,IAAI,CAACH,KAAK,CAAE;IAC1Bc,IAAI,EAAE,IAAK;IACXC,WAAW,EAAE,kBAAmB;IAChCP,OAAO,EAAEA,OAAQ;IACjBQ,kBAAkB,EAAE;EAAM,EAC7B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/redirects/RedirectsList/components/Filters/FilterByStatus.js","sources":["../../../../../../src/modules/redirects/RedirectsList/components/Filters/FilterByStatus.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\n\nconst getValidFilterValue = (value: string): boolean | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value === \"true\";\n};\n\nexport const FilterByStatus = () => {\n    const bind = useBind({\n        name: \"isEnabled\",\n        defaultValue: \"all\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        return [\n            { label: \"All\", value: \"all\" },\n            { label: \"Enabled\", value: \"true\" },\n            { label: \"Disabled\", value: \"false\" }\n        ];\n    }, []);\n\n    return (\n        <Select\n            {...bind}\n            value={String(bind.value)}\n            size={\"md\"}\n            placeholder={\"Filter by status\"}\n            options={options}\n            displayResetAction={false}\n        />\n    );\n};\n"],"names":["getValidFilterValue","value","FilterByStatus","bind","useBind","cb","options","useMemo","Select","String"],"mappings":";;;AAIA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA,AAAU,WAAVA;AACX;AAEO,MAAMC,iBAAiB;IAC1B,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAc;QACd,cAAaH,KAAK,EAAEI,EAAE;YAClBA,GAAGL,oBAAoBC;QAC3B;IACJ;IAEA,MAAMK,UAAUC,QAAQ,IACb;YACH;gBAAE,OAAO;gBAAO,OAAO;YAAM;YAC7B;gBAAE,OAAO;gBAAW,OAAO;YAAO;YAClC;gBAAE,OAAO;gBAAY,OAAO;YAAQ;SACvC,EACF,EAAE;IAEL,OAAO,WAAP,GACI,oBAACC,QAAMA;QACF,GAAGL,IAAI;QACR,OAAOM,OAAON,KAAK,KAAK;QACxB,MAAM;QACN,aAAa;QACb,SAASG;QACT,oBAAoB;;AAGhC"}

package/modules/redirects/RedirectsList/components/Filters/Filters.js

@@ -1,34 +1,25 @@
-import React from "react";
-import { Filters as BaseFilters } from "@webiny/app-admin";
+import react from "react";
+import { Filters } from "@webiny/app-admin";
 import { useDocumentList } from "../../useDocumentList.js";
 import { useNavigateFolder } from "@webiny/app-aco";
 import { useRedirectListConfig } from "../../../configs/index.js";
 import { useFilterRedirects } from "../../../../../features/redirects/index.js";
-export const Filters = () => {
-  const {
-    browser
-  } = useRedirectListConfig();
-  const {
-    vm
-  } = useDocumentList();
-  const {
-    filterRedirects
-  } = useFilterRedirects();
-  const {
-    currentFolderId
-  } = useNavigateFolder();
-  const applyFilters = data => {
-    if (!Object.keys(data).length) {
-      return;
-    }
-    const convertedFilters = browser.filtersToWhere.reduce((data, converter) => converter(data), data);
-    filterRedirects(convertedFilters, currentFolderId);
-  };
-  return /*#__PURE__*/React.createElement(BaseFilters, {
-    filters: browser.filters,
-    show: vm.isFilterVisible,
-    onChange: applyFilters
-  });
+const Filters_Filters = ()=>{
+    const { browser } = useRedirectListConfig();
+    const { vm } = useDocumentList();
+    const { filterRedirects } = useFilterRedirects();
+    const { currentFolderId } = useNavigateFolder();
+    const applyFilters = (data)=>{
+        if (!Object.keys(data).length) return;
+        const convertedFilters = browser.filtersToWhere.reduce((data, converter)=>converter(data), data);
+        filterRedirects(convertedFilters, currentFolderId);
+    };
+    return /*#__PURE__*/ react.createElement(Filters, {
+        filters: browser.filters,
+        show: vm.isFilterVisible,
+        onChange: applyFilters
+    });
 };
+export { Filters_Filters as Filters };
 
 //# sourceMappingURL=Filters.js.map

package/modules/redirects/RedirectsList/components/Filters/Filters.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Filters","BaseFilters","useDocumentList","useNavigateFolder","useRedirectListConfig","useFilterRedirects","browser","vm","filterRedirects","currentFolderId","applyFilters","data","Object","keys","length","convertedFilters","filtersToWhere","reduce","converter","createElement","filters","show","isFilterVisible","onChange"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FiltersOnSubmit } from \"@webiny/app-admin\";\nimport { Filters as BaseFilters } from \"@webiny/app-admin\";\nimport { useDocumentList } from \"~/modules/redirects/RedirectsList/useDocumentList.js\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\nimport { useRedirectListConfig } from \"~/modules/redirects/configs/index.js\";\nimport { useFilterRedirects } from \"~/features/redirects/index.js\";\n\nexport const Filters = () => {\n    const { browser } = useRedirectListConfig();\n    const { vm } = useDocumentList();\n    const { filterRedirects } = useFilterRedirects();\n    const { currentFolderId } = useNavigateFolder();\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        filterRedirects(convertedFilters, currentFolderId);\n    };\n\n    return (\n        <BaseFilters filters={browser.filters} show={vm.isFilterVisible} onChange={applyFilters} />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,IAAIC,WAAW,QAAQ,mBAAmB;AAC1D,SAASC,eAAe;AACxB,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,qBAAqB;AAC9B,SAASC,kBAAkB;AAE3B,OAAO,MAAML,OAAO,GAAGA,CAAA,KAAM;EACzB,MAAM;IAAEM;EAAQ,CAAC,GAAGF,qBAAqB,CAAC,CAAC;EAC3C,MAAM;IAAEG;EAAG,CAAC,GAAGL,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEM;EAAgB,CAAC,GAAGH,kBAAkB,CAAC,CAAC;EAChD,MAAM;IAAEI;EAAgB,CAAC,GAAGN,iBAAiB,CAAC,CAAC;EAE/C,MAAMO,YAA6B,GAAGC,IAAI,IAAI;IAC1C,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,EAAE;MAC3B;IACJ;IAEA,MAAMC,gBAAgB,GAAGT,OAAO,CAACU,cAAc,CAACC,MAAM,CAClD,CAACN,IAAI,EAAEO,SAAS,KAAKA,SAAS,CAACP,IAAI,CAAC,EACpCA,IACJ,CAAC;IAEDH,eAAe,CAACO,gBAAgB,EAAEN,eAAe,CAAC;EACtD,CAAC;EAED,oBACIV,KAAA,CAAAoB,aAAA,CAAClB,WAAW;IAACmB,OAAO,EAAEd,OAAO,CAACc,OAAQ;IAACC,IAAI,EAAEd,EAAE,CAACe,eAAgB;IAACC,QAAQ,EAAEb;EAAa,CAAE,CAAC;AAEnG,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/redirects/RedirectsList/components/Filters/Filters.js","sources":["../../../../../../src/modules/redirects/RedirectsList/components/Filters/Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FiltersOnSubmit } from \"@webiny/app-admin\";\nimport { Filters as BaseFilters } from \"@webiny/app-admin\";\nimport { useDocumentList } from \"~/modules/redirects/RedirectsList/useDocumentList.js\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\nimport { useRedirectListConfig } from \"~/modules/redirects/configs/index.js\";\nimport { useFilterRedirects } from \"~/features/redirects/index.js\";\n\nexport const Filters = () => {\n    const { browser } = useRedirectListConfig();\n    const { vm } = useDocumentList();\n    const { filterRedirects } = useFilterRedirects();\n    const { currentFolderId } = useNavigateFolder();\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        filterRedirects(convertedFilters, currentFolderId);\n    };\n\n    return (\n        <BaseFilters filters={browser.filters} show={vm.isFilterVisible} onChange={applyFilters} />\n    );\n};\n"],"names":["Filters","browser","useRedirectListConfig","vm","useDocumentList","filterRedirects","useFilterRedirects","currentFolderId","useNavigateFolder","applyFilters","data","Object","convertedFilters","converter","BaseFilters"],"mappings":";;;;;;AAQO,MAAMA,kBAAU;IACnB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,EAAE,EAAE,GAAGC;IACf,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAC5B,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAE5B,MAAMC,eAAgCC,CAAAA;QAClC,IAAI,CAACC,OAAO,IAAI,CAACD,MAAM,MAAM,EACzB;QAGJ,MAAME,mBAAmBX,QAAQ,cAAc,CAAC,MAAM,CAClD,CAACS,MAAMG,YAAcA,UAAUH,OAC/BA;QAGJL,gBAAgBO,kBAAkBL;IACtC;IAEA,OAAO,WAAP,GACI,oBAACO,SAAWA;QAAC,SAASb,QAAQ,OAAO;QAAE,MAAME,GAAG,eAAe;QAAE,UAAUM;;AAEnF"}

package/modules/redirects/RedirectsList/components/Filters/index.js

@@ -1,4 +1,2 @@
 export * from "./Filters.js";
 export * from "./FilterByStatus.js";
-
-//# sourceMappingURL=index.js.map

package/modules/redirects/RedirectsList/components/Header/ButtonFilters.js

@@ -1,15 +1,13 @@
-import React from "react";
+import react from "react";
 import { FiltersToggle } from "@webiny/app-admin";
 import { useDocumentList } from "../../useDocumentList.js";
-export const ButtonFilters = () => {
-  const {
-    vm,
-    showFilters
-  } = useDocumentList();
-  return /*#__PURE__*/React.createElement(FiltersToggle, {
-    onFiltersToggle: () => showFilters(!vm.isFilterVisible),
-    showingFilters: vm.isFilterVisible
-  });
+const ButtonFilters = ()=>{
+    const { vm, showFilters } = useDocumentList();
+    return /*#__PURE__*/ react.createElement(FiltersToggle, {
+        onFiltersToggle: ()=>showFilters(!vm.isFilterVisible),
+        showingFilters: vm.isFilterVisible
+    });
 };
+export { ButtonFilters };
 
 //# sourceMappingURL=ButtonFilters.js.map

package/modules/redirects/RedirectsList/components/Header/ButtonFilters.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FiltersToggle","useDocumentList","ButtonFilters","vm","showFilters","createElement","onFiltersToggle","isFilterVisible","showingFilters"],"sources":["ButtonFilters.tsx"],"sourcesContent":["import React from \"react\";\nimport { FiltersToggle } from \"@webiny/app-admin\";\nimport { useDocumentList } from \"~/modules/redirects/RedirectsList/useDocumentList.js\";\n\nexport const ButtonFilters = () => {\n    const { vm, showFilters } = useDocumentList();\n\n    return (\n        <FiltersToggle\n            onFiltersToggle={() => showFilters(!vm.isFilterVisible)}\n            showingFilters={vm.isFilterVisible}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,eAAe;AAExB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC,EAAE;IAAEC;EAAY,CAAC,GAAGH,eAAe,CAAC,CAAC;EAE7C,oBACIF,KAAA,CAAAM,aAAA,CAACL,aAAa;IACVM,eAAe,EAAEA,CAAA,KAAMF,WAAW,CAAC,CAACD,EAAE,CAACI,eAAe,CAAE;IACxDC,cAAc,EAAEL,EAAE,CAACI;EAAgB,CACtC,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/redirects/RedirectsList/components/Header/ButtonFilters.js","sources":["../../../../../../src/modules/redirects/RedirectsList/components/Header/ButtonFilters.tsx"],"sourcesContent":["import React from \"react\";\nimport { FiltersToggle } from \"@webiny/app-admin\";\nimport { useDocumentList } from \"~/modules/redirects/RedirectsList/useDocumentList.js\";\n\nexport const ButtonFilters = () => {\n    const { vm, showFilters } = useDocumentList();\n\n    return (\n        <FiltersToggle\n            onFiltersToggle={() => showFilters(!vm.isFilterVisible)}\n            showingFilters={vm.isFilterVisible}\n        />\n    );\n};\n"],"names":["ButtonFilters","vm","showFilters","useDocumentList","FiltersToggle"],"mappings":";;;AAIO,MAAMA,gBAAgB;IACzB,MAAM,EAAEC,EAAE,EAAEC,WAAW,EAAE,GAAGC;IAE5B,OAAO,WAAP,GACI,oBAACC,eAAaA;QACV,iBAAiB,IAAMF,YAAY,CAACD,GAAG,eAAe;QACtD,gBAAgBA,GAAG,eAAe;;AAG9C"}

package/modules/redirects/RedirectsList/components/Header/ButtonsCreate.js

@@ -1,40 +1,32 @@
-import React from "react";
-import { ReactComponent as Add } from "@webiny/icons/add.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/add.svg";
 import { Button, Tooltip } from "@webiny/admin-ui";
-export const ButtonsCreate = ({
-  onCreateFolder,
-  onCreateDocument,
-  canCreateContent,
-  canCreateFolder
-}) => {
-  let newFolderButton = /*#__PURE__*/React.createElement(Button, {
-    "data-testid": "new-folder-button",
-    onClick: onCreateFolder,
-    disabled: !canCreateFolder,
-    text: "New Folder",
-    icon: /*#__PURE__*/React.createElement(Add, null),
-    variant: "secondary"
-  });
-  if (!canCreateFolder) {
-    newFolderButton = /*#__PURE__*/React.createElement(Tooltip, {
-      content: `Cannot create folder because you're not an owner.`,
-      trigger: newFolderButton
+const ButtonsCreate = ({ onCreateFolder, onCreateDocument, canCreateContent, canCreateFolder })=>{
+    let newFolderButton = /*#__PURE__*/ react.createElement(Button, {
+        "data-testid": "new-folder-button",
+        onClick: onCreateFolder,
+        disabled: !canCreateFolder,
+        text: "New Folder",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        variant: "secondary"
     });
-  }
-  let newEntryButton = /*#__PURE__*/React.createElement(Button, {
-    "data-testid": "new-entry-button",
-    onClick: onCreateDocument,
-    disabled: !canCreateContent,
-    text: "New Redirect",
-    icon: /*#__PURE__*/React.createElement(Add, null)
-  });
-  if (!canCreateContent) {
-    newEntryButton = /*#__PURE__*/React.createElement(Tooltip, {
-      content: `Cannot create redirect because you're not an owner.`,
-      trigger: newEntryButton
+    if (!canCreateFolder) newFolderButton = /*#__PURE__*/ react.createElement(Tooltip, {
+        content: "Cannot create folder because you're not an owner.",
+        trigger: newFolderButton
     });
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, newFolderButton, newEntryButton);
+    let newEntryButton = /*#__PURE__*/ react.createElement(Button, {
+        "data-testid": "new-entry-button",
+        onClick: onCreateDocument,
+        disabled: !canCreateContent,
+        text: "New Redirect",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    });
+    if (!canCreateContent) newEntryButton = /*#__PURE__*/ react.createElement(Tooltip, {
+        content: "Cannot create redirect because you're not an owner.",
+        trigger: newEntryButton
+    });
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, newFolderButton, newEntryButton);
 };
+export { ButtonsCreate };
 
 //# sourceMappingURL=ButtonsCreate.js.map

package/modules/redirects/RedirectsList/components/Header/ButtonsCreate.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","Add","Button","Tooltip","ButtonsCreate","onCreateFolder","onCreateDocument","canCreateContent","canCreateFolder","newFolderButton","createElement","onClick","disabled","text","icon","variant","content","trigger","newEntryButton","Fragment"],"sources":["ButtonsCreate.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Add } from \"@webiny/icons/add.svg\";\nimport { Button, Tooltip } from \"@webiny/admin-ui\";\n\ninterface ButtonsCreateProps {\n    onCreateDocument: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n}\n\nexport const ButtonsCreate = ({\n    onCreateFolder,\n    onCreateDocument,\n    canCreateContent,\n    canCreateFolder\n}: ButtonsCreateProps) => {\n    let newFolderButton = (\n        <Button\n            data-testid=\"new-folder-button\"\n            onClick={onCreateFolder}\n            disabled={!canCreateFolder}\n            text={\"New Folder\"}\n            icon={<Add />}\n            variant={\"secondary\"}\n        />\n    );\n\n    if (!canCreateFolder) {\n        newFolderButton = (\n            <Tooltip\n                content={`Cannot create folder because you're not an owner.`}\n                trigger={newFolderButton}\n            />\n        );\n    }\n\n    let newEntryButton = (\n        <Button\n            data-testid=\"new-entry-button\"\n            onClick={onCreateDocument}\n            disabled={!canCreateContent}\n            text={\"New Redirect\"}\n            icon={<Add />}\n        />\n    );\n\n    if (!canCreateContent) {\n        newEntryButton = (\n            <Tooltip\n                content={`Cannot create redirect because you're not an owner.`}\n                trigger={newEntryButton}\n            />\n        );\n    }\n\n    return (\n        <>\n            {newFolderButton}\n            {newEntryButton}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,GAAG,QAAQ,uBAAuB;AAC7D,SAASC,MAAM,EAAEC,OAAO,QAAQ,kBAAkB;AASlD,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC1BC,cAAc;EACdC,gBAAgB;EAChBC,gBAAgB;EAChBC;AACgB,CAAC,KAAK;EACtB,IAAIC,eAAe,gBACfV,KAAA,CAAAW,aAAA,CAACR,MAAM;IACH,eAAY,mBAAmB;IAC/BS,OAAO,EAAEN,cAAe;IACxBO,QAAQ,EAAE,CAACJ,eAAgB;IAC3BK,IAAI,EAAE,YAAa;IACnBC,IAAI,eAAEf,KAAA,CAAAW,aAAA,CAACT,GAAG,MAAE,CAAE;IACdc,OAAO,EAAE;EAAY,CACxB,CACJ;EAED,IAAI,CAACP,eAAe,EAAE;IAClBC,eAAe,gBACXV,KAAA,CAAAW,aAAA,CAACP,OAAO;MACJa,OAAO,EAAE,mDAAoD;MAC7DC,OAAO,EAAER;IAAgB,CAC5B,CACJ;EACL;EAEA,IAAIS,cAAc,gBACdnB,KAAA,CAAAW,aAAA,CAACR,MAAM;IACH,eAAY,kBAAkB;IAC9BS,OAAO,EAAEL,gBAAiB;IAC1BM,QAAQ,EAAE,CAACL,gBAAiB;IAC5BM,IAAI,EAAE,cAAe;IACrBC,IAAI,eAAEf,KAAA,CAAAW,aAAA,CAACT,GAAG,MAAE;EAAE,CACjB,CACJ;EAED,IAAI,CAACM,gBAAgB,EAAE;IACnBW,cAAc,gBACVnB,KAAA,CAAAW,aAAA,CAACP,OAAO;MACJa,OAAO,EAAE,qDAAsD;MAC/DC,OAAO,EAAEC;IAAe,CAC3B,CACJ;EACL;EAEA,oBACInB,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAoB,QAAA,QACKV,eAAe,EACfS,cACH,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/redirects/RedirectsList/components/Header/ButtonsCreate.js","sources":["../../../../../../src/modules/redirects/RedirectsList/components/Header/ButtonsCreate.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Add } from \"@webiny/icons/add.svg\";\nimport { Button, Tooltip } from \"@webiny/admin-ui\";\n\ninterface ButtonsCreateProps {\n    onCreateDocument: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n}\n\nexport const ButtonsCreate = ({\n    onCreateFolder,\n    onCreateDocument,\n    canCreateContent,\n    canCreateFolder\n}: ButtonsCreateProps) => {\n    let newFolderButton = (\n        <Button\n            data-testid=\"new-folder-button\"\n            onClick={onCreateFolder}\n            disabled={!canCreateFolder}\n            text={\"New Folder\"}\n            icon={<Add />}\n            variant={\"secondary\"}\n        />\n    );\n\n    if (!canCreateFolder) {\n        newFolderButton = (\n            <Tooltip\n                content={`Cannot create folder because you're not an owner.`}\n                trigger={newFolderButton}\n            />\n        );\n    }\n\n    let newEntryButton = (\n        <Button\n            data-testid=\"new-entry-button\"\n            onClick={onCreateDocument}\n            disabled={!canCreateContent}\n            text={\"New Redirect\"}\n            icon={<Add />}\n        />\n    );\n\n    if (!canCreateContent) {\n        newEntryButton = (\n            <Tooltip\n                content={`Cannot create redirect because you're not an owner.`}\n                trigger={newEntryButton}\n            />\n        );\n    }\n\n    return (\n        <>\n            {newFolderButton}\n            {newEntryButton}\n        </>\n    );\n};\n"],"names":["ButtonsCreate","onCreateFolder","onCreateDocument","canCreateContent","canCreateFolder","newFolderButton","Button","Add","Tooltip","newEntryButton"],"mappings":";;;AAWO,MAAMA,gBAAgB,CAAC,EAC1BC,cAAc,EACdC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACE;IACjB,IAAIC,kBAAkB,WAAlBA,GACA,oBAACC,QAAMA;QACH,eAAY;QACZ,SAASL;QACT,UAAU,CAACG;QACX,MAAM;QACN,oBAAM,oBAACG,gBAAGA;QACV,SAAS;;IAIjB,IAAI,CAACH,iBACDC,kBAAkB,WAAlBA,GACI,oBAACG,SAAOA;QACJ,SAAS;QACT,SAASH;;IAKrB,IAAII,iBAAiB,WAAjBA,GACA,oBAACH,QAAMA;QACH,eAAY;QACZ,SAASJ;QACT,UAAU,CAACC;QACX,MAAM;QACN,oBAAM,oBAACI,gBAAGA;;IAIlB,IAAI,CAACJ,kBACDM,iBAAiB,WAAjBA,GACI,oBAACD,SAAOA;QACJ,SAAS;QACT,SAASC;;IAKrB,OAAO,WAAP,GACI,0CACKJ,iBACAI;AAGb"}

package/modules/redirects/RedirectsList/components/Header/Header.js

@@ -1,37 +1,31 @@
-import React from "react";
+import react from "react";
 import { Separator } from "@webiny/admin-ui";
 import { ButtonFilters } from "./ButtonFilters.js";
 import { ButtonsCreate } from "./ButtonsCreate.js";
 import { Search } from "./Search.js";
 import { Title } from "./Title.js";
-export const Header = props => {
-  const {
-    title,
-    isRoot,
-    canCreateFolder,
-    canCreateContent,
-    onCreateDocument,
-    onCreateFolder
-  } = props;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-md"
-  }, /*#__PURE__*/React.createElement(Title, {
-    title: title,
-    isRoot: isRoot
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "px-md pb-sm"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-sm w-full"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex-1"
-  }, /*#__PURE__*/React.createElement(Search, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-sm"
-  }, /*#__PURE__*/React.createElement(ButtonFilters, null), /*#__PURE__*/React.createElement(ButtonsCreate, {
-    canCreateFolder: canCreateFolder,
-    canCreateContent: canCreateContent,
-    onCreateFolder: onCreateFolder,
-    onCreateDocument: onCreateDocument
-  })))))), /*#__PURE__*/React.createElement(Separator, null));
+const Header = (props)=>{
+    const { title, isRoot, canCreateFolder, canCreateContent, onCreateDocument, onCreateFolder } = props;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-md"
+    }, /*#__PURE__*/ react.createElement(Title, {
+        title: title,
+        isRoot: isRoot
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "px-md pb-sm"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm w-full"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1"
+    }, /*#__PURE__*/ react.createElement(Search, null)), /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("div", {
+        className: "flex gap-sm"
+    }, /*#__PURE__*/ react.createElement(ButtonFilters, null), /*#__PURE__*/ react.createElement(ButtonsCreate, {
+        canCreateFolder: canCreateFolder,
+        canCreateContent: canCreateContent,
+        onCreateFolder: onCreateFolder,
+        onCreateDocument: onCreateDocument
+    })))))), /*#__PURE__*/ react.createElement(Separator, null));
 };
+export { Header };
 
 //# sourceMappingURL=Header.js.map

package/modules/redirects/RedirectsList/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Separator","ButtonFilters","ButtonsCreate","Search","Title","Header","props","title","isRoot","canCreateFolder","canCreateContent","onCreateDocument","onCreateFolder","createElement","Fragment","className"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { ButtonFilters } from \"./ButtonFilters.js\";\nimport { ButtonsCreate } from \"./ButtonsCreate.js\";\nimport { Search } from \"./Search.js\";\nimport { Title } from \"./Title.js\";\n\ninterface HeaderProps {\n    isRoot: boolean;\n    title?: string;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n    onCreateDocument: (event?: React.SyntheticEvent) => void;\n    onCreateFolder: (event?: React.SyntheticEvent) => void;\n}\n\nexport const Header = (props: HeaderProps) => {\n    const { title, isRoot, canCreateFolder, canCreateContent, onCreateDocument, onCreateFolder } =\n        props;\n\n    return (\n        <>\n            <div className={\"flex flex-col gap-md\"}>\n                <Title title={title} isRoot={isRoot} />\n                <div className={\"px-md pb-sm\"}>\n                    <div className={\"flex items-center gap-sm w-full\"}>\n                        <div className={\"flex-1\"}>\n                            <Search />\n                        </div>\n                        <div>\n                            <div className={\"flex gap-sm\"}>\n                                <ButtonFilters />\n                                <ButtonsCreate\n                                    canCreateFolder={canCreateFolder}\n                                    canCreateContent={canCreateContent}\n                                    onCreateFolder={onCreateFolder}\n                                    onCreateDocument={onCreateDocument}\n                                />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,MAAM;AACf,SAASC,KAAK;AAWd,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC1C,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,eAAe;IAAEC,gBAAgB;IAAEC,gBAAgB;IAAEC;EAAe,CAAC,GACxFN,KAAK;EAET,oBACIP,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAuB,gBACnChB,KAAA,CAAAc,aAAA,CAACT,KAAK;IAACG,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA;EAAO,CAAE,CAAC,eACvCT,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAc,gBAC1BhB,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAkC,gBAC9ChB,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAS,gBACrBhB,KAAA,CAAAc,aAAA,CAACV,MAAM,MAAE,CACR,CAAC,eACNJ,KAAA,CAAAc,aAAA,2BACId,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAc,gBAC1BhB,KAAA,CAAAc,aAAA,CAACZ,aAAa,MAAE,CAAC,eACjBF,KAAA,CAAAc,aAAA,CAACX,aAAa;IACVO,eAAe,EAAEA,eAAgB;IACjCC,gBAAgB,EAAEA,gBAAiB;IACnCE,cAAc,EAAEA,cAAe;IAC/BD,gBAAgB,EAAEA;EAAiB,CACtC,CACA,CACJ,CACJ,CACJ,CACJ,CAAC,eACNZ,KAAA,CAAAc,aAAA,CAACb,SAAS,MAAE,CACd,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/redirects/RedirectsList/components/Header/Header.js","sources":["../../../../../../src/modules/redirects/RedirectsList/components/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { ButtonFilters } from \"./ButtonFilters.js\";\nimport { ButtonsCreate } from \"./ButtonsCreate.js\";\nimport { Search } from \"./Search.js\";\nimport { Title } from \"./Title.js\";\n\ninterface HeaderProps {\n    isRoot: boolean;\n    title?: string;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n    onCreateDocument: (event?: React.SyntheticEvent) => void;\n    onCreateFolder: (event?: React.SyntheticEvent) => void;\n}\n\nexport const Header = (props: HeaderProps) => {\n    const { title, isRoot, canCreateFolder, canCreateContent, onCreateDocument, onCreateFolder } =\n        props;\n\n    return (\n        <>\n            <div className={\"flex flex-col gap-md\"}>\n                <Title title={title} isRoot={isRoot} />\n                <div className={\"px-md pb-sm\"}>\n                    <div className={\"flex items-center gap-sm w-full\"}>\n                        <div className={\"flex-1\"}>\n                            <Search />\n                        </div>\n                        <div>\n                            <div className={\"flex gap-sm\"}>\n                                <ButtonFilters />\n                                <ButtonsCreate\n                                    canCreateFolder={canCreateFolder}\n                                    canCreateContent={canCreateContent}\n                                    onCreateFolder={onCreateFolder}\n                                    onCreateDocument={onCreateDocument}\n                                />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"names":["Header","props","title","isRoot","canCreateFolder","canCreateContent","onCreateDocument","onCreateFolder","Title","Search","ButtonFilters","ButtonsCreate","Separator"],"mappings":";;;;;;AAgBO,MAAMA,SAAS,CAACC;IACnB,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAEC,eAAe,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,cAAc,EAAE,GACxFN;IAEJ,OAAO,WAAP,GACI,wDACI,oBAAC;QAAI,WAAW;qBACZ,oBAACO,OAAKA;QAAC,OAAON;QAAO,QAAQC;sBAC7B,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACM,QAAMA,QAAAA,WAAAA,GAEX,oBAAC,2BACG,oBAAC;QAAI,WAAW;qBACZ,oBAACC,eAAaA,OAAAA,WAAAA,GACd,oBAACC,eAAaA;QACV,iBAAiBP;QACjB,kBAAkBC;QAClB,gBAAgBE;QAChB,kBAAkBD;2BAO1C,oBAACM,WAASA;AAGtB"}

package/modules/redirects/RedirectsList/components/Header/Search.js

@@ -1,54 +1,39 @@
-import React from "react";
-import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/search.svg";
 import { DelayedOnChange, Icon, Input } from "@webiny/admin-ui";
 import { useNavigateFolder } from "@webiny/app-aco";
 import { useDocumentList } from "../../useDocumentList.js";
 import { useLoadRedirects, useSearchRedirects } from "../../../../../features/redirects/index.js";
-export const Search = () => {
-  const {
-    vm
-  } = useDocumentList();
-  const {
-    searchRedirects
-  } = useSearchRedirects();
-  const {
-    loadRedirects
-  } = useLoadRedirects();
-  const {
-    currentFolderId
-  } = useNavigateFolder();
-  return /*#__PURE__*/React.createElement(DelayedOnChange, {
-    value: vm.searchQuery,
-    onChange: value => {
-      const searchQuery = value.trim();
-      if (searchQuery === vm.searchQuery) {
-        return;
-      }
-      if (!searchQuery) {
-        loadRedirects({
-          folderId: currentFolderId,
-          resetSearch: true
-        });
-        return;
-      }
-      searchRedirects(searchQuery, currentFolderId);
-    }
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(Input, {
-    value: value,
-    onChange: e => onChange(e.target.value),
-    forwardEventOnChange: true,
-    placeholder: vm.searchLabel,
-    startIcon: /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(SearchIcon, null),
-      label: "Search"
-    }),
-    size: "md",
-    variant: "ghost",
-    className: "w-full"
-  }));
+const Search = ()=>{
+    const { vm } = useDocumentList();
+    const { searchRedirects } = useSearchRedirects();
+    const { loadRedirects } = useLoadRedirects();
+    const { currentFolderId } = useNavigateFolder();
+    return /*#__PURE__*/ react.createElement(DelayedOnChange, {
+        value: vm.searchQuery,
+        onChange: (value)=>{
+            const searchQuery = value.trim();
+            if (searchQuery === vm.searchQuery) return;
+            if (!searchQuery) return void loadRedirects({
+                folderId: currentFolderId,
+                resetSearch: true
+            });
+            searchRedirects(searchQuery, currentFolderId);
+        }
+    }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(Input, {
+            value: value,
+            onChange: (e)=>onChange(e.target.value),
+            forwardEventOnChange: true,
+            placeholder: vm.searchLabel,
+            startIcon: /*#__PURE__*/ react.createElement(Icon, {
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: "Search"
+            }),
+            size: "md",
+            variant: "ghost",
+            className: "w-full"
+        }));
 };
+export { Search };
 
 //# sourceMappingURL=Search.js.map