@webiny/app-website-builder 0.0.0-unstable.fdd9228b5d → 6.0.0-alpha.1

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

@@ -0,0 +1,23 @@
+import React from "react";
+import { Separator } from "@webiny/admin-ui";
+import { ListMeta } from "./ListMeta";
+import { ListStatus } from "./ListStatus";
+import { useDocumentList } from "../../useDocumentList.js";
+export const BottomInfoBar = () => {
+  const {
+    vm
+  } = useDocumentList();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-sticky wby-bottom-0 wby-z-5 wby-bg-neutral-base wby-w-full wby-transform wby-translate-z-0 wby-overflow-hidden"
+  }, /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement("div", {
+    className: "wby-h-xl wby-px-md wby-py-sm wby-flex wby-items-center wby-justify-between"
+  }, /*#__PURE__*/React.createElement(ListMeta, {
+    loading: vm.isLoading,
+    totalCount: vm.meta.totalCount,
+    currentCount: vm.meta.currentCount
+  }), /*#__PURE__*/React.createElement(ListStatus, {
+    loading: vm.isLoadingMore
+  })));
+};
+
+//# sourceMappingURL=BottomInfoBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Separator","ListMeta","ListStatus","useDocumentList","BottomInfoBar","vm","createElement","className","loading","isLoading","totalCount","meta","currentCount","isLoadingMore"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { ListMeta } from \"./ListMeta\";\nimport { ListStatus } from \"./ListStatus\";\nimport { useDocumentList } from \"~/modules/redirects/RedirectsList/useDocumentList.js\";\n\nexport const BottomInfoBar = () => {\n    const { vm } = useDocumentList();\n\n    return (\n        <div className=\"wby-sticky wby-bottom-0 wby-z-5 wby-bg-neutral-base wby-w-full wby-transform wby-translate-z-0 wby-overflow-hidden\">\n            <Separator />\n            <div\n                className={\n                    \"wby-h-xl wby-px-md wby-py-sm wby-flex wby-items-center wby-justify-between\"\n                }\n            >\n                <ListMeta\n                    loading={vm.isLoading}\n                    totalCount={vm.meta.totalCount}\n                    currentCount={vm.meta.currentCount}\n                />\n                <ListStatus loading={vm.isLoadingMore} />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,QAAQ;AACjB,SAASC,UAAU;AACnB,SAASC,eAAe;AAExB,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAG,CAAC,GAAGF,eAAe,CAAC,CAAC;EAEhC,oBACIJ,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC;EAAoH,gBAC/HR,KAAA,CAAAO,aAAA,CAACN,SAAS,MAAE,CAAC,eACbD,KAAA,CAAAO,aAAA;IACIC,SAAS,EACL;EACH,gBAEDR,KAAA,CAAAO,aAAA,CAACL,QAAQ;IACLO,OAAO,EAAEH,EAAE,CAACI,SAAU;IACtBC,UAAU,EAAEL,EAAE,CAACM,IAAI,CAACD,UAAW;IAC/BE,YAAY,EAAEP,EAAE,CAACM,IAAI,CAACC;EAAa,CACtC,CAAC,eACFb,KAAA,CAAAO,aAAA,CAACJ,UAAU;IAACM,OAAO,EAAEH,EAAE,CAACQ;EAAc,CAAE,CACvC,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/modules/redirects/RedirectsList/components/BottomInfoBar/ListMeta.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface ListMetaProps {
+    loading: boolean;
+    currentCount: number;
+    totalCount: number;
+}
+export declare const ListMeta: (props: ListMetaProps) => React.JSX.Element | null;

package/modules/redirects/RedirectsList/components/BottomInfoBar/ListMeta.js

@@ -0,0 +1,17 @@
+import React, { useCallback } from "react";
+import { Text } from "@webiny/admin-ui";
+export const ListMeta = props => {
+  const getLabel = useCallback((count = 0) => {
+    return `${count} ${count === 1 ? "redirect" : "redirects"}`;
+  }, []);
+  if (props.loading) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: "wby-text-neutral-strong"
+  }, `Showing ${props.currentCount} out of ${getLabel(props.totalCount)}.`);
+};
+
+//# sourceMappingURL=ListMeta.js.map

package/modules/redirects/RedirectsList/components/BottomInfoBar/ListMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Text","ListMeta","props","getLabel","count","loading","createElement","size","as","className","currentCount","totalCount"],"sources":["ListMeta.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\n\nexport interface ListMetaProps {\n    loading: boolean;\n    currentCount: number;\n    totalCount: number;\n}\n\nexport const ListMeta = (props: ListMetaProps) => {\n    const getLabel = useCallback((count = 0): string => {\n        return `${count} ${count === 1 ? \"redirect\" : \"redirects\"}`;\n    }, []);\n\n    if (props.loading) {\n        return null;\n    }\n\n    return (\n        <Text size={\"sm\"} as={\"div\"} className={\"wby-text-neutral-strong\"}>{`Showing ${\n            props.currentCount\n        } out of ${getLabel(props.totalCount)}.`}</Text>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,IAAI,QAAQ,kBAAkB;AAQvC,OAAO,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAC9C,MAAMC,QAAQ,GAAGJ,WAAW,CAAC,CAACK,KAAK,GAAG,CAAC,KAAa;IAChD,OAAO,GAAGA,KAAK,IAAIA,KAAK,KAAK,CAAC,GAAG,UAAU,GAAG,WAAW,EAAE;EAC/D,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIF,KAAK,CAACG,OAAO,EAAE;IACf,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAACO,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACC,SAAS,EAAE;EAA0B,GAAE,WAChEP,KAAK,CAACQ,YAAY,WACXP,QAAQ,CAACD,KAAK,CAACS,UAAU,CAAC,GAAU,CAAC;AAExD,CAAC","ignoreList":[]}

package/modules/redirects/RedirectsList/components/BottomInfoBar/ListStatus.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface ListStatusProps {
+    loading: boolean;
+}
+export declare const ListStatus: ({ loading }: ListStatusProps) => React.JSX.Element | null;

package/modules/redirects/RedirectsList/components/BottomInfoBar/ListStatus.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { Loader, Text } from "@webiny/admin-ui";
+export const ListStatus = ({
+  loading
+}) => {
+  if (!loading) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: "wby-text-neutral-strong"
+  }, "Loading more redirects..."), /*#__PURE__*/React.createElement(Loader, {
+    size: "xs"
+  }));
+};
+
+//# sourceMappingURL=ListStatus.js.map

package/modules/redirects/RedirectsList/components/BottomInfoBar/ListStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Loader","Text","ListStatus","loading","createElement","className","size","as"],"sources":["ListStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { Loader, Text } from \"@webiny/admin-ui\";\n\nexport interface ListStatusProps {\n    loading: boolean;\n}\n\nexport const ListStatus = ({ loading }: ListStatusProps) => {\n    if (!loading) {\n        return null;\n    }\n\n    return (\n        <div className=\"wby-flex wby-items-center wby-gap-sm\">\n            <Text size={\"sm\"} as={\"div\"} className={\"wby-text-neutral-strong\"}>\n                {\"Loading more redirects...\"}\n            </Text>\n            <Loader size={\"xs\"} />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAM/C,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EACxD,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAAsC,gBACjDN,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACK,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACF,SAAS,EAAE;EAA0B,GAC7D,2BACC,CAAC,eACPN,KAAA,CAAAK,aAAA,CAACJ,MAAM;IAACM,IAAI,EAAE;EAAK,CAAE,CACpB,CAAC;AAEd,CAAC","ignoreList":[]}

package/modules/redirects/RedirectsList/components/BottomInfoBar/index.d.ts

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

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

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

package/modules/redirects/RedirectsList/components/BottomInfoBar/index.js.map

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

package/modules/redirects/RedirectsList/components/BulkActions/BulkActionDelete.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const BulkActionDelete: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/modules/redirects/RedirectsList/components/BulkActions/BulkActionDelete.js

@@ -0,0 +1,72 @@
+import React, { useMemo } from "react";
+import { Tooltip } from "@webiny/admin-ui";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { observer } from "mobx-react-lite";
+import { getRedirectsLabel } from "./BulkActions.js";
+import { useDeleteRedirect } from "../../../../../features/redirects/index.js";
+import { RedirectListConfig } from "../../../configs";
+export const BulkActionDelete = observer(() => {
+  const {
+    useWorker,
+    useButtons,
+    useDialog
+  } = RedirectListConfig.Browser.BulkAction;
+  const {
+    ButtonDefault
+  } = useButtons();
+  const worker = useWorker();
+  const {
+    showConfirmationDialog,
+    showResultsDialog
+  } = useDialog();
+  const {
+    deleteRedirect
+  } = useDeleteRedirect();
+  const redirectsLabel = useMemo(() => {
+    return getRedirectsLabel(worker.items.length);
+  }, [worker.items.length]);
+  const openDeleteDialog = () => showConfirmationDialog({
+    title: "Delete redirects",
+    message: `You are about to delete ${redirectsLabel}. Are you sure you want to continue?`,
+    loadingLabel: `Processing ${redirectsLabel}...`,
+    execute: async () => {
+      await worker.processInSeries(async ({
+        item,
+        report
+      }) => {
+        try {
+          await deleteRedirect({
+            id: item.id
+          });
+          report.success({
+            title: item.redirectFrom,
+            message: "Redirect successfully deleted."
+          });
+        } catch (e) {
+          report.error({
+            title: item.redirectFrom,
+            message: e.message
+          });
+        }
+      });
+      worker.resetItems();
+      showResultsDialog({
+        results: worker.results,
+        title: "Delete redirects",
+        message: "Finished deleting redirects! See full report below:",
+        onCancel: worker.resetResults
+      });
+    }
+  });
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    content: `Delete ${redirectsLabel}`,
+    trigger: /*#__PURE__*/React.createElement(ButtonDefault, {
+      icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+      onAction: openDeleteDialog,
+      size: "sm"
+    }, `Delete`)
+  });
+});
+
+//# sourceMappingURL=BulkActionDelete.js.map

package/modules/redirects/RedirectsList/components/BulkActions/BulkActionDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Tooltip","ReactComponent","DeleteIcon","observer","getRedirectsLabel","useDeleteRedirect","RedirectListConfig","BulkActionDelete","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","deleteRedirect","redirectsLabel","items","length","openDeleteDialog","title","message","loadingLabel","execute","processInSeries","item","report","id","success","redirectFrom","e","error","resetItems","results","onCancel","resetResults","createElement","side","content","trigger","icon","onAction","size"],"sources":["BulkActionDelete.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { getRedirectsLabel } from \"~/modules/redirects/RedirectsList/components/BulkActions/BulkActions.js\";\nimport { useDeleteRedirect } from \"~/features/redirects/index.js\";\nimport { RedirectListConfig } from \"~/modules/redirects/configs\";\n\nexport const BulkActionDelete = observer(() => {\n    const { useWorker, useButtons, useDialog } = RedirectListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const { deleteRedirect } = useDeleteRedirect();\n\n    const redirectsLabel = useMemo(() => {\n        return getRedirectsLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openDeleteDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete redirects\",\n            message: `You are about to delete ${redirectsLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${redirectsLabel}...`,\n            execute: async () => {\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await deleteRedirect({ id: item.id });\n\n                        report.success({\n                            title: item.redirectFrom,\n                            message: \"Redirect successfully deleted.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: item.redirectFrom,\n                            message: e.message\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Delete redirects\",\n                    message: \"Finished deleting redirects! See full report below:\",\n                    onCancel: worker.resetResults\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Delete ${redirectsLabel}`}\n            trigger={\n                <ButtonDefault icon={<DeleteIcon />} onAction={openDeleteDialog} size={\"sm\"}>\n                    {`Delete`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,gBAAgB,GAAGJ,QAAQ,CAAC,MAAM;EAC3C,MAAM;IAAEK,SAAS;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAGJ,kBAAkB,CAACK,OAAO,CAACC,UAAU;EAClF,MAAM;IAAEC;EAAc,CAAC,GAAGJ,UAAU,CAAC,CAAC;EACtC,MAAMK,MAAM,GAAGN,SAAS,CAAC,CAAC;EAE1B,MAAM;IAAEO,sBAAsB;IAAEC;EAAkB,CAAC,GAAGN,SAAS,CAAC,CAAC;EAEjE,MAAM;IAAEO;EAAe,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EAE9C,MAAMa,cAAc,GAAGnB,OAAO,CAAC,MAAM;IACjC,OAAOK,iBAAiB,CAACU,MAAM,CAACK,KAAK,CAACC,MAAM,CAAC;EACjD,CAAC,EAAE,CAACN,MAAM,CAACK,KAAK,CAACC,MAAM,CAAC,CAAC;EAEzB,MAAMC,gBAAgB,GAAGA,CAAA,KACrBN,sBAAsB,CAAC;IACnBO,KAAK,EAAE,kBAAkB;IACzBC,OAAO,EAAE,2BAA2BL,cAAc,sCAAsC;IACxFM,YAAY,EAAE,cAAcN,cAAc,KAAK;IAC/CO,OAAO,EAAE,MAAAA,CAAA,KAAY;MACjB,MAAMX,MAAM,CAACY,eAAe,CAAC,OAAO;QAAEC,IAAI;QAAEC;MAAO,CAAC,KAAK;QACrD,IAAI;UACA,MAAMX,cAAc,CAAC;YAAEY,EAAE,EAAEF,IAAI,CAACE;UAAG,CAAC,CAAC;UAErCD,MAAM,CAACE,OAAO,CAAC;YACXR,KAAK,EAAEK,IAAI,CAACI,YAAY;YACxBR,OAAO,EAAE;UACb,CAAC,CAAC;QACN,CAAC,CAAC,OAAOS,CAAC,EAAE;UACRJ,MAAM,CAACK,KAAK,CAAC;YACTX,KAAK,EAAEK,IAAI,CAACI,YAAY;YACxBR,OAAO,EAAES,CAAC,CAACT;UACf,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;MAEFT,MAAM,CAACoB,UAAU,CAAC,CAAC;MAEnBlB,iBAAiB,CAAC;QACdmB,OAAO,EAAErB,MAAM,CAACqB,OAAO;QACvBb,KAAK,EAAE,kBAAkB;QACzBC,OAAO,EAAE,qDAAqD;QAC9Da,QAAQ,EAAEtB,MAAM,CAACuB;MACrB,CAAC,CAAC;IACN;EACJ,CAAC,CAAC;EAEN,oBACIvC,KAAA,CAAAwC,aAAA,CAACtC,OAAO;IACJuC,IAAI,EAAE,QAAS;IACfC,OAAO,EAAE,UAAUtB,cAAc,EAAG;IACpCuB,OAAO,eACH3C,KAAA,CAAAwC,aAAA,CAACzB,aAAa;MAAC6B,IAAI,eAAE5C,KAAA,CAAAwC,aAAA,CAACpC,UAAU,MAAE,CAAE;MAACyC,QAAQ,EAAEtB,gBAAiB;MAACuB,IAAI,EAAE;IAAK,GACvE,QACU;EAClB,CACJ,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/modules/redirects/RedirectsList/components/BulkActions/BulkActionMove.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const BulkActionMove: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/modules/redirects/RedirectsList/components/BulkActions/BulkActionMove.js

@@ -0,0 +1,95 @@
+import React, { useCallback, useMemo } from "react";
+import { ReactComponent as MoveIcon } from "@webiny/icons/exit_to_app.svg";
+import { Tooltip } from "@webiny/admin-ui";
+import { useMoveToFolderDialog, useNavigateFolder } from "@webiny/app-aco";
+import { observer } from "mobx-react-lite";
+import { getRedirectsLabel } from "./BulkActions.js";
+import { ROOT_FOLDER } from "../../../../../constants";
+import { RedirectListConfig } from "../../../configs";
+import { useMoveRedirect } from "../../../../../features/redirects";
+export const BulkActionMove = observer(() => {
+  const {
+    useWorker,
+    useButtons,
+    useDialog
+  } = RedirectListConfig.Browser.BulkAction;
+  const {
+    ButtonDefault
+  } = useButtons();
+  const worker = useWorker();
+  const {
+    showConfirmationDialog,
+    showResultsDialog
+  } = useDialog();
+  const {
+    showDialog: showMoveDialog
+  } = useMoveToFolderDialog();
+  const {
+    moveRedirect
+  } = useMoveRedirect();
+  const {
+    currentFolderId
+  } = useNavigateFolder();
+  const redirectsLabel = useMemo(() => {
+    return getRedirectsLabel(worker.items.length);
+  }, [worker.items.length]);
+  const openWorkerDialog = useCallback(folder => {
+    showConfirmationDialog({
+      title: "Move redirects",
+      message: `You are about to move ${redirectsLabel} to ${folder.label}. Are you sure you want to continue?`,
+      loadingLabel: `Processing ${redirectsLabel}...`,
+      execute: async () => {
+        await worker.processInSeries(async ({
+          item,
+          report
+        }) => {
+          try {
+            await moveRedirect({
+              id: item.id,
+              folderId: folder.id
+            });
+            report.success({
+              title: item.redirectFrom,
+              message: "Redirect successfully moved."
+            });
+          } catch (e) {
+            report.error({
+              title: item.redirectFrom,
+              message: e.message
+            });
+          }
+        });
+        worker.resetItems();
+        showResultsDialog({
+          results: worker.results,
+          title: "Move redirects",
+          message: "Finished moving redirects! See full report below:",
+          onCancel: worker.resetResults
+        });
+      }
+    });
+  }, [redirectsLabel]);
+  const openMoveDialog = () => showMoveDialog({
+    title: "Select folder",
+    message: "Select a new location for selected redirects:",
+    loadingLabel: `Processing ${redirectsLabel}...`,
+    acceptLabel: `Move`,
+    focusedFolderId: currentFolderId || ROOT_FOLDER,
+    async onAccept({
+      folder
+    }) {
+      openWorkerDialog(folder);
+    }
+  });
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    content: `Move ${redirectsLabel}`,
+    trigger: /*#__PURE__*/React.createElement(ButtonDefault, {
+      icon: /*#__PURE__*/React.createElement(MoveIcon, null),
+      onAction: openMoveDialog,
+      size: "sm"
+    }, `Move`)
+  });
+});
+
+//# sourceMappingURL=BulkActionMove.js.map

package/modules/redirects/RedirectsList/components/BulkActions/BulkActionMove.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","ReactComponent","MoveIcon","Tooltip","useMoveToFolderDialog","useNavigateFolder","observer","getRedirectsLabel","ROOT_FOLDER","RedirectListConfig","useMoveRedirect","BulkActionMove","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","showDialog","showMoveDialog","moveRedirect","currentFolderId","redirectsLabel","items","length","openWorkerDialog","folder","title","message","label","loadingLabel","execute","processInSeries","item","report","id","folderId","success","redirectFrom","e","error","resetItems","results","onCancel","resetResults","openMoveDialog","acceptLabel","focusedFolderId","onAccept","createElement","side","content","trigger","icon","onAction","size"],"sources":["BulkActionMove.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { type NodeDto, Tooltip } from \"@webiny/admin-ui\";\nimport { useMoveToFolderDialog, useNavigateFolder } from \"@webiny/app-aco\";\nimport { observer } from \"mobx-react-lite\";\nimport { getRedirectsLabel } from \"~/modules/redirects/RedirectsList/components/BulkActions/BulkActions.js\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { RedirectListConfig } from \"~/modules/redirects/configs\";\nimport { useMoveRedirect } from \"~/features/redirects\";\n\nexport const BulkActionMove = observer(() => {\n    const { useWorker, useButtons, useDialog } = RedirectListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n    const { showDialog: showMoveDialog } = useMoveToFolderDialog();\n\n    const { moveRedirect } = useMoveRedirect();\n    const { currentFolderId } = useNavigateFolder();\n\n    const redirectsLabel = useMemo(() => {\n        return getRedirectsLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openWorkerDialog = useCallback(\n        (folder: NodeDto) => {\n            showConfirmationDialog({\n                title: \"Move redirects\",\n                message: `You are about to move ${redirectsLabel} to ${folder.label}. Are you sure you want to continue?`,\n                loadingLabel: `Processing ${redirectsLabel}...`,\n                execute: async () => {\n                    await worker.processInSeries(async ({ item, report }) => {\n                        try {\n                            await moveRedirect({\n                                id: item.id,\n                                folderId: folder.id\n                            });\n\n                            report.success({\n                                title: item.redirectFrom,\n                                message: \"Redirect successfully moved.\"\n                            });\n                        } catch (e) {\n                            report.error({\n                                title: item.redirectFrom,\n                                message: e.message\n                            });\n                        }\n                    });\n\n                    worker.resetItems();\n\n                    showResultsDialog({\n                        results: worker.results,\n                        title: \"Move redirects\",\n                        message: \"Finished moving redirects! See full report below:\",\n                        onCancel: worker.resetResults\n                    });\n                }\n            });\n        },\n        [redirectsLabel]\n    );\n\n    const openMoveDialog = () =>\n        showMoveDialog({\n            title: \"Select folder\",\n            message: \"Select a new location for selected redirects:\",\n            loadingLabel: `Processing ${redirectsLabel}...`,\n            acceptLabel: `Move`,\n            focusedFolderId: currentFolderId || ROOT_FOLDER,\n            async onAccept({ folder }) {\n                openWorkerDialog(folder);\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Move ${redirectsLabel}`}\n            trigger={\n                <ButtonDefault icon={<MoveIcon />} onAction={openMoveDialog} size={\"sm\"}>\n                    {`Move`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAC1E,SAAuBC,OAAO,QAAQ,kBAAkB;AACxD,SAASC,qBAAqB,EAAEC,iBAAiB,QAAQ,iBAAiB;AAC1E,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,iBAAiB;AAC1B,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAC3B,SAASC,eAAe;AAExB,OAAO,MAAMC,cAAc,GAAGL,QAAQ,CAAC,MAAM;EACzC,MAAM;IAAEM,SAAS;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAGL,kBAAkB,CAACM,OAAO,CAACC,UAAU;EAClF,MAAM;IAAEC;EAAc,CAAC,GAAGJ,UAAU,CAAC,CAAC;EACtC,MAAMK,MAAM,GAAGN,SAAS,CAAC,CAAC;EAE1B,MAAM;IAAEO,sBAAsB;IAAEC;EAAkB,CAAC,GAAGN,SAAS,CAAC,CAAC;EACjE,MAAM;IAAEO,UAAU,EAAEC;EAAe,CAAC,GAAGlB,qBAAqB,CAAC,CAAC;EAE9D,MAAM;IAAEmB;EAAa,CAAC,GAAGb,eAAe,CAAC,CAAC;EAC1C,MAAM;IAAEc;EAAgB,CAAC,GAAGnB,iBAAiB,CAAC,CAAC;EAE/C,MAAMoB,cAAc,GAAGzB,OAAO,CAAC,MAAM;IACjC,OAAOO,iBAAiB,CAACW,MAAM,CAACQ,KAAK,CAACC,MAAM,CAAC;EACjD,CAAC,EAAE,CAACT,MAAM,CAACQ,KAAK,CAACC,MAAM,CAAC,CAAC;EAEzB,MAAMC,gBAAgB,GAAG7B,WAAW,CAC/B8B,MAAe,IAAK;IACjBV,sBAAsB,CAAC;MACnBW,KAAK,EAAE,gBAAgB;MACvBC,OAAO,EAAE,yBAAyBN,cAAc,OAAOI,MAAM,CAACG,KAAK,sCAAsC;MACzGC,YAAY,EAAE,cAAcR,cAAc,KAAK;MAC/CS,OAAO,EAAE,MAAAA,CAAA,KAAY;QACjB,MAAMhB,MAAM,CAACiB,eAAe,CAAC,OAAO;UAAEC,IAAI;UAAEC;QAAO,CAAC,KAAK;UACrD,IAAI;YACA,MAAMd,YAAY,CAAC;cACfe,EAAE,EAAEF,IAAI,CAACE,EAAE;cACXC,QAAQ,EAAEV,MAAM,CAACS;YACrB,CAAC,CAAC;YAEFD,MAAM,CAACG,OAAO,CAAC;cACXV,KAAK,EAAEM,IAAI,CAACK,YAAY;cACxBV,OAAO,EAAE;YACb,CAAC,CAAC;UACN,CAAC,CAAC,OAAOW,CAAC,EAAE;YACRL,MAAM,CAACM,KAAK,CAAC;cACTb,KAAK,EAAEM,IAAI,CAACK,YAAY;cACxBV,OAAO,EAAEW,CAAC,CAACX;YACf,CAAC,CAAC;UACN;QACJ,CAAC,CAAC;QAEFb,MAAM,CAAC0B,UAAU,CAAC,CAAC;QAEnBxB,iBAAiB,CAAC;UACdyB,OAAO,EAAE3B,MAAM,CAAC2B,OAAO;UACvBf,KAAK,EAAE,gBAAgB;UACvBC,OAAO,EAAE,mDAAmD;UAC5De,QAAQ,EAAE5B,MAAM,CAAC6B;QACrB,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC,EACD,CAACtB,cAAc,CACnB,CAAC;EAED,MAAMuB,cAAc,GAAGA,CAAA,KACnB1B,cAAc,CAAC;IACXQ,KAAK,EAAE,eAAe;IACtBC,OAAO,EAAE,+CAA+C;IACxDE,YAAY,EAAE,cAAcR,cAAc,KAAK;IAC/CwB,WAAW,EAAE,MAAM;IACnBC,eAAe,EAAE1B,eAAe,IAAIhB,WAAW;IAC/C,MAAM2C,QAAQA,CAAC;MAAEtB;IAAO,CAAC,EAAE;MACvBD,gBAAgB,CAACC,MAAM,CAAC;IAC5B;EACJ,CAAC,CAAC;EAEN,oBACI/B,KAAA,CAAAsD,aAAA,CAACjD,OAAO;IACJkD,IAAI,EAAE,QAAS;IACfC,OAAO,EAAE,QAAQ7B,cAAc,EAAG;IAClC8B,OAAO,eACHzD,KAAA,CAAAsD,aAAA,CAACnC,aAAa;MAACuC,IAAI,eAAE1D,KAAA,CAAAsD,aAAA,CAAClD,QAAQ,MAAE,CAAE;MAACuD,QAAQ,EAAET,cAAe;MAACU,IAAI,EAAE;IAAK,GACnE,MACU;EAClB,CACJ,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/modules/redirects/RedirectsList/components/BulkActions/BulkActions.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const getRedirectsLabel: (count?: number) => string;
+export declare const BulkActions: () => React.JSX.Element;

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

@@ -0,0 +1,46 @@
+import React, { useMemo } from "react";
+import { Text, IconButton, cn } from "@webiny/admin-ui";
+import { ReactComponent as Close } from "@webiny/icons/close.svg";
+import { Buttons } from "@webiny/app-admin";
+import { useDocumentList } from "../../useDocumentList.js";
+import { useSelectRedirects } from "../../../../../features/redirects/selectRedirects/useSelectRedirects.js";
+import { useRedirectListConfig } from "../../../configs";
+export const getRedirectsLabel = (count = 0) => {
+  return `${count} ${count === 1 ? "redirect" : "redirects"}`;
+};
+export const BulkActions = () => {
+  const {
+    browser
+  } = useRedirectListConfig();
+  const {
+    vm
+  } = useDocumentList();
+  const {
+    selectRedirects
+  } = useSelectRedirects();
+  const headline = useMemo(() => {
+    const label = getRedirectsLabel(vm.selected.length);
+    return `${label} selected`;
+  }, [vm.selected]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn("wby-w-full wby-bg-neutral-disabled wby-px-md wby-py-sm", vm.selected.length > 0 ? "wby-block" : "wby-hidden")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-between wby-gap-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    className: "wby-text-neutral-strong"
+  }, headline)), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Buttons, {
+    actions: browser.bulkActions
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    variant: "ghost",
+    size: "sm",
+    icon: /*#__PURE__*/React.createElement(Close, null),
+    onClick: () => selectRedirects([])
+  }))));
+};
+
+//# sourceMappingURL=BulkActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Text","IconButton","cn","ReactComponent","Close","Buttons","useDocumentList","useSelectRedirects","useRedirectListConfig","getRedirectsLabel","count","BulkActions","browser","vm","selectRedirects","headline","label","selected","length","createElement","className","size","actions","bulkActions","variant","icon","onClick"],"sources":["BulkActions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Text, IconButton, cn } from \"@webiny/admin-ui\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { Buttons } from \"@webiny/app-admin\";\nimport { useDocumentList } from \"~/modules/redirects/RedirectsList/useDocumentList.js\";\nimport { useSelectRedirects } from \"~/features/redirects/selectRedirects/useSelectRedirects.js\";\nimport { useRedirectListConfig } from \"~/modules/redirects/configs\";\n\nexport const getRedirectsLabel = (count = 0): string => {\n    return `${count} ${count === 1 ? \"redirect\" : \"redirects\"}`;\n};\n\nexport const BulkActions = () => {\n    const { browser } = useRedirectListConfig();\n    const { vm } = useDocumentList();\n    const { selectRedirects } = useSelectRedirects();\n\n    const headline = useMemo((): string => {\n        const label = getRedirectsLabel(vm.selected.length);\n        return `${label} selected`;\n    }, [vm.selected]);\n\n    return (\n        <div\n            className={cn(\n                \"wby-w-full wby-bg-neutral-disabled wby-px-md wby-py-sm\",\n                vm.selected.length > 0 ? \"wby-block\" : \"wby-hidden\"\n            )}\n        >\n            <div className={\"wby-flex wby-items-center wby-justify-between wby-gap-sm\"}>\n                <div className={\"wby-flex wby-items-center wby-gap-sm\"}>\n                    <Text size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                        {headline}\n                    </Text>\n                </div>\n\n                <div className={\"wby-flex wby-items-center wby-gap-sm\"}>\n                    <Buttons actions={browser.bulkActions} />\n                    <IconButton\n                        variant={\"ghost\"}\n                        size={\"sm\"}\n                        icon={<Close />}\n                        onClick={() => selectRedirects([])}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,EAAEC,UAAU,EAAEC,EAAE,QAAQ,kBAAkB;AACvD,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASC,OAAO,QAAQ,mBAAmB;AAC3C,SAASC,eAAe;AACxB,SAASC,kBAAkB;AAC3B,SAASC,qBAAqB;AAE9B,OAAO,MAAMC,iBAAiB,GAAGA,CAACC,KAAK,GAAG,CAAC,KAAa;EACpD,OAAO,GAAGA,KAAK,IAAIA,KAAK,KAAK,CAAC,GAAG,UAAU,GAAG,WAAW,EAAE;AAC/D,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAQ,CAAC,GAAGJ,qBAAqB,CAAC,CAAC;EAC3C,MAAM;IAAEK;EAAG,CAAC,GAAGP,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEQ;EAAgB,CAAC,GAAGP,kBAAkB,CAAC,CAAC;EAEhD,MAAMQ,QAAQ,GAAGhB,OAAO,CAAC,MAAc;IACnC,MAAMiB,KAAK,GAAGP,iBAAiB,CAACI,EAAE,CAACI,QAAQ,CAACC,MAAM,CAAC;IACnD,OAAO,GAAGF,KAAK,WAAW;EAC9B,CAAC,EAAE,CAACH,EAAE,CAACI,QAAQ,CAAC,CAAC;EAEjB,oBACInB,KAAA,CAAAqB,aAAA;IACIC,SAAS,EAAElB,EAAE,CACT,wDAAwD,EACxDW,EAAE,CAACI,QAAQ,CAACC,MAAM,GAAG,CAAC,GAAG,WAAW,GAAG,YAC3C;EAAE,gBAEFpB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAA2D,gBACvEtB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAuC,gBACnDtB,KAAA,CAAAqB,aAAA,CAACnB,IAAI;IAACqB,IAAI,EAAE,IAAK;IAACD,SAAS,EAAE;EAA0B,GAClDL,QACC,CACL,CAAC,eAENjB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAuC,gBACnDtB,KAAA,CAAAqB,aAAA,CAACd,OAAO;IAACiB,OAAO,EAAEV,OAAO,CAACW;EAAY,CAAE,CAAC,eACzCzB,KAAA,CAAAqB,aAAA,CAAClB,UAAU;IACPuB,OAAO,EAAE,OAAQ;IACjBH,IAAI,EAAE,IAAK;IACXI,IAAI,eAAE3B,KAAA,CAAAqB,aAAA,CAACf,KAAK,MAAE,CAAE;IAChBsB,OAAO,EAAEA,CAAA,KAAMZ,eAAe,CAAC,EAAE;EAAE,CACtC,CACA,CACJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/modules/redirects/RedirectsList/components/BulkActions/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./BulkActions.js";
+export * from "./BulkActionDelete.js";
+export * from "./BulkActionMove.js";

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

@@ -0,0 +1,5 @@
+export * from "./BulkActions.js";
+export * from "./BulkActionDelete.js";
+export * from "./BulkActionMove.js";
+
+//# sourceMappingURL=index.js.map

package/modules/redirects/RedirectsList/components/BulkActions/index.js.map

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

package/modules/redirects/RedirectsList/components/Empty/Empty.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface EmptyProps {
+    isSearch: boolean;
+    onCreateDocument: (event: React.SyntheticEvent) => void;
+    onCreateFolder: (event: React.SyntheticEvent) => void;
+    canCreateContent: boolean;
+    canCreateFolder: boolean;
+}
+export declare const Empty: ({ isSearch, onCreateDocument, onCreateFolder, canCreateContent, canCreateFolder }: EmptyProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,54 @@
+import React from "react";
+import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import EmptyView from "@webiny/app-admin/components/EmptyView";
+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
+    });
+  }
+  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 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"
+    });
+  }
+  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)
+  });
+};
+
+//# sourceMappingURL=Empty.js.map

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

@@ -0,0 +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/components/EmptyView\";\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,OAAOC,SAAS,MAAM,wCAAwC;AAC9D,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":[]}

package/modules/redirects/RedirectsList/components/Empty/index.d.ts

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

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

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

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

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

package/modules/redirects/RedirectsList/components/Filters/FilterByStatus.d.ts

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

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

@@ -0,0 +1,39 @@
+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";
+};
+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
+  }));
+};
+
+//# sourceMappingURL=FilterByStatus.js.map

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

@@ -0,0 +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":[]}

package/modules/redirects/RedirectsList/components/Filters/Filters.d.ts

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

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

@@ -0,0 +1,34 @@
+import React from "react";
+import { Filters as BaseFilters } from "@webiny/app-admin";
+import { useDocumentList } from "../../useDocumentList.js";
+import { useNavigateFolder } from "@webiny/app-aco";
+import { useRedirectListConfig } from "../../../configs";
+import { useFilterRedirects } from "../../../../../features/redirects";
+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
+  });
+};
+
+//# sourceMappingURL=Filters.js.map

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

@@ -0,0 +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\";\nimport { useFilterRedirects } from \"~/features/redirects\";\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":[]}

package/modules/redirects/RedirectsList/components/Filters/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Filters.js";
+export * from "./FilterByStatus.js";

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

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

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

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

package/modules/redirects/RedirectsList/components/Header/ButtonFilters.d.ts

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

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

@@ -0,0 +1,15 @@
+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
+  });
+};
+
+//# sourceMappingURL=ButtonFilters.js.map