@webiny/app-website-builder 6.0.0-alpha.5 → 6.0.0-rc.1

package/modules/pages/PagesList/components/BulkActions/BulkActionPublish.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Tooltip","ReactComponent","PublishIcon","observer","getPagesLabel","usePublishPage","PageListConfig","BulkActionPublish","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","publishPage","pagesLabel","items","length","openPublishDialog","title","message","loadingLabel","execute","processInSeries","item","report","id","success","properties","e","error","resetItems","results","onCancel","resetResults","createElement","side","content","trigger","icon","onAction","size"],"sources":["BulkActionPublish.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/visibility.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { getPagesLabel } from \"~/modules/pages/PagesList/components/BulkActions/BulkActions.js\";\nimport { usePublishPage } from \"~/features/pages/index.js\";\nimport { PageListConfig } from \"~/modules/pages/configs\";\n\nexport const BulkActionPublish = observer(() => {\n    const { useWorker, useButtons, useDialog } = PageListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const { publishPage } = usePublishPage();\n\n    const pagesLabel = useMemo(() => {\n        return getPagesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openPublishDialog = () =>\n        showConfirmationDialog({\n            title: \"Publish pages\",\n            message: `You are about to publish ${pagesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${pagesLabel}...`,\n            execute: async () => {\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await publishPage({ id: item.id });\n\n                        report.success({\n                            title: item.properties.title,\n                            message: \"Page successfully published.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: item.properties.title,\n                            message: e.message\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Publish pages\",\n                    message: \"Finished publishing pages! See full report below:\",\n                    onCancel: worker.resetResults\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Publish ${pagesLabel}`}\n            trigger={\n                <ButtonDefault icon={<PublishIcon />} onAction={openPublishDialog} size={\"sm\"}>\n                    {`Publish`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,cAAc,IAAIC,WAAW,QAAQ,8BAA8B;AAC5E,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,aAAa;AACtB,SAASC,cAAc;AACvB,SAASC,cAAc;AAEvB,OAAO,MAAMC,iBAAiB,GAAGJ,QAAQ,CAAC,MAAM;EAC5C,MAAM;IAAEK,SAAS;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAGJ,cAAc,CAACK,OAAO,CAACC,UAAU;EAC9E,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;EAAY,CAAC,GAAGZ,cAAc,CAAC,CAAC;EAExC,MAAMa,UAAU,GAAGnB,OAAO,CAAC,MAAM;IAC7B,OAAOK,aAAa,CAACU,MAAM,CAACK,KAAK,CAACC,MAAM,CAAC;EAC7C,CAAC,EAAE,CAACN,MAAM,CAACK,KAAK,CAACC,MAAM,CAAC,CAAC;EAEzB,MAAMC,iBAAiB,GAAGA,CAAA,KACtBN,sBAAsB,CAAC;IACnBO,KAAK,EAAE,eAAe;IACtBC,OAAO,EAAE,4BAA4BL,UAAU,sCAAsC;IACrFM,YAAY,EAAE,cAAcN,UAAU,KAAK;IAC3CO,OAAO,EAAE,MAAAA,CAAA,KAAY;MACjB,MAAMX,MAAM,CAACY,eAAe,CAAC,OAAO;QAAEC,IAAI;QAAEC;MAAO,CAAC,KAAK;QACrD,IAAI;UACA,MAAMX,WAAW,CAAC;YAAEY,EAAE,EAAEF,IAAI,CAACE;UAAG,CAAC,CAAC;UAElCD,MAAM,CAACE,OAAO,CAAC;YACXR,KAAK,EAAEK,IAAI,CAACI,UAAU,CAACT,KAAK;YAC5BC,OAAO,EAAE;UACb,CAAC,CAAC;QACN,CAAC,CAAC,OAAOS,CAAC,EAAE;UACRJ,MAAM,CAACK,KAAK,CAAC;YACTX,KAAK,EAAEK,IAAI,CAACI,UAAU,CAACT,KAAK;YAC5BC,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,eAAe;QACtBC,OAAO,EAAE,mDAAmD;QAC5Da,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,WAAWtB,UAAU,EAAG;IACjCuB,OAAO,eACH3C,KAAA,CAAAwC,aAAA,CAACzB,aAAa;MAAC6B,IAAI,eAAE5C,KAAA,CAAAwC,aAAA,CAACpC,WAAW,MAAE,CAAE;MAACyC,QAAQ,EAAEtB,iBAAkB;MAACuB,IAAI,EAAE;IAAK,GACzE,SACU;EAClB,CACJ,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Tooltip","ReactComponent","PublishIcon","observer","getPagesLabel","usePublishPage","PageListConfig","BulkActionPublish","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","publishPage","pagesLabel","items","length","openPublishDialog","title","message","loadingLabel","execute","processInSeries","item","report","id","success","properties","e","error","resetItems","results","onCancel","resetResults","createElement","side","content","trigger","icon","onAction","size"],"sources":["BulkActionPublish.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/visibility.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { getPagesLabel } from \"~/modules/pages/PagesList/components/BulkActions/BulkActions.js\";\nimport { usePublishPage } from \"~/features/pages/index.js\";\nimport { PageListConfig } from \"~/modules/pages/configs/index.js\";\n\nexport const BulkActionPublish = observer(() => {\n    const { useWorker, useButtons, useDialog } = PageListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const { publishPage } = usePublishPage();\n\n    const pagesLabel = useMemo(() => {\n        return getPagesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openPublishDialog = () =>\n        showConfirmationDialog({\n            title: \"Publish pages\",\n            message: `You are about to publish ${pagesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${pagesLabel}...`,\n            execute: async () => {\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await publishPage({ id: item.id });\n\n                        report.success({\n                            title: item.properties.title,\n                            message: \"Page successfully published.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: item.properties.title,\n                            message: e.message\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Publish pages\",\n                    message: \"Finished publishing pages! See full report below:\",\n                    onCancel: worker.resetResults\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Publish ${pagesLabel}`}\n            trigger={\n                <ButtonDefault icon={<PublishIcon />} onAction={openPublishDialog} size={\"sm\"}>\n                    {`Publish`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,cAAc,IAAIC,WAAW,QAAQ,8BAA8B;AAC5E,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,aAAa;AACtB,SAASC,cAAc;AACvB,SAASC,cAAc;AAEvB,OAAO,MAAMC,iBAAiB,GAAGJ,QAAQ,CAAC,MAAM;EAC5C,MAAM;IAAEK,SAAS;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAGJ,cAAc,CAACK,OAAO,CAACC,UAAU;EAC9E,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;EAAY,CAAC,GAAGZ,cAAc,CAAC,CAAC;EAExC,MAAMa,UAAU,GAAGnB,OAAO,CAAC,MAAM;IAC7B,OAAOK,aAAa,CAACU,MAAM,CAACK,KAAK,CAACC,MAAM,CAAC;EAC7C,CAAC,EAAE,CAACN,MAAM,CAACK,KAAK,CAACC,MAAM,CAAC,CAAC;EAEzB,MAAMC,iBAAiB,GAAGA,CAAA,KACtBN,sBAAsB,CAAC;IACnBO,KAAK,EAAE,eAAe;IACtBC,OAAO,EAAE,4BAA4BL,UAAU,sCAAsC;IACrFM,YAAY,EAAE,cAAcN,UAAU,KAAK;IAC3CO,OAAO,EAAE,MAAAA,CAAA,KAAY;MACjB,MAAMX,MAAM,CAACY,eAAe,CAAC,OAAO;QAAEC,IAAI;QAAEC;MAAO,CAAC,KAAK;QACrD,IAAI;UACA,MAAMX,WAAW,CAAC;YAAEY,EAAE,EAAEF,IAAI,CAACE;UAAG,CAAC,CAAC;UAElCD,MAAM,CAACE,OAAO,CAAC;YACXR,KAAK,EAAEK,IAAI,CAACI,UAAU,CAACT,KAAK;YAC5BC,OAAO,EAAE;UACb,CAAC,CAAC;QACN,CAAC,CAAC,OAAOS,CAAC,EAAE;UACRJ,MAAM,CAACK,KAAK,CAAC;YACTX,KAAK,EAAEK,IAAI,CAACI,UAAU,CAACT,KAAK;YAC5BC,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,eAAe;QACtBC,OAAO,EAAE,mDAAmD;QAC5Da,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,WAAWtB,UAAU,EAAG;IACjCuB,OAAO,eACH3C,KAAA,CAAAwC,aAAA,CAACzB,aAAa;MAAC6B,IAAI,eAAE5C,KAAA,CAAAwC,aAAA,CAACpC,WAAW,MAAE,CAAE;MAACyC,QAAQ,EAAEtB,iBAAkB;MAACuB,IAAI,EAAE;IAAK,GACzE,SACU;EAClB,CACJ,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/modules/pages/PagesList/components/BulkActions/BulkActionUnpublish.js

@@ -4,7 +4,7 @@ import { ReactComponent as UnpublishIcon } from "@webiny/icons/visibility_off.sv
 import { observer } from "mobx-react-lite";
 import { getPagesLabel } from "./BulkActions.js";
 import { useUnpublishPage } from "../../../../../features/pages/index.js";
-import { PageListConfig } from "../../../configs";
+import { PageListConfig } from "../../../configs/index.js";
 export const BulkActionUnpublish = observer(() => {
   const {
     useWorker,

package/modules/pages/PagesList/components/BulkActions/BulkActionUnpublish.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Tooltip","ReactComponent","UnpublishIcon","observer","getPagesLabel","useUnpublishPage","PageListConfig","BulkActionUnpublish","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","unpublishPage","pagesLabel","items","length","openUnpublishDialog","title","message","loadingLabel","execute","processInSeries","item","report","id","success","properties","e","error","resetItems","results","onCancel","resetResults","createElement","side","content","trigger","icon","onAction","size"],"sources":["BulkActionUnpublish.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as UnpublishIcon } from \"@webiny/icons/visibility_off.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { getPagesLabel } from \"~/modules/pages/PagesList/components/BulkActions/BulkActions.js\";\nimport { useUnpublishPage } from \"~/features/pages/index.js\";\nimport { PageListConfig } from \"~/modules/pages/configs\";\n\nexport const BulkActionUnpublish = observer(() => {\n    const { useWorker, useButtons, useDialog } = PageListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const { unpublishPage } = useUnpublishPage();\n\n    const pagesLabel = useMemo(() => {\n        return getPagesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openUnpublishDialog = () =>\n        showConfirmationDialog({\n            title: \"Unpublish pages\",\n            message: `You are about to unpublish ${pagesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${pagesLabel}...`,\n            execute: async () => {\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await unpublishPage({ id: item.id });\n\n                        report.success({\n                            title: item.properties.title,\n                            message: \"Page successfully unpublished.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: item.properties.title,\n                            message: e.message\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Unpublish pages\",\n                    message: \"Finished unpublishing pages! See full report below:\",\n                    onCancel: worker.resetResults\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Unpublish ${pagesLabel}`}\n            trigger={\n                <ButtonDefault icon={<UnpublishIcon />} onAction={openUnpublishDialog} size={\"sm\"}>\n                    {`Unpublish`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,cAAc,IAAIC,aAAa,QAAQ,kCAAkC;AAClF,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,cAAc;AAEvB,OAAO,MAAMC,mBAAmB,GAAGJ,QAAQ,CAAC,MAAM;EAC9C,MAAM;IAAEK,SAAS;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAGJ,cAAc,CAACK,OAAO,CAACC,UAAU;EAC9E,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;EAAc,CAAC,GAAGZ,gBAAgB,CAAC,CAAC;EAE5C,MAAMa,UAAU,GAAGnB,OAAO,CAAC,MAAM;IAC7B,OAAOK,aAAa,CAACU,MAAM,CAACK,KAAK,CAACC,MAAM,CAAC;EAC7C,CAAC,EAAE,CAACN,MAAM,CAACK,KAAK,CAACC,MAAM,CAAC,CAAC;EAEzB,MAAMC,mBAAmB,GAAGA,CAAA,KACxBN,sBAAsB,CAAC;IACnBO,KAAK,EAAE,iBAAiB;IACxBC,OAAO,EAAE,8BAA8BL,UAAU,sCAAsC;IACvFM,YAAY,EAAE,cAAcN,UAAU,KAAK;IAC3CO,OAAO,EAAE,MAAAA,CAAA,KAAY;MACjB,MAAMX,MAAM,CAACY,eAAe,CAAC,OAAO;QAAEC,IAAI;QAAEC;MAAO,CAAC,KAAK;QACrD,IAAI;UACA,MAAMX,aAAa,CAAC;YAAEY,EAAE,EAAEF,IAAI,CAACE;UAAG,CAAC,CAAC;UAEpCD,MAAM,CAACE,OAAO,CAAC;YACXR,KAAK,EAAEK,IAAI,CAACI,UAAU,CAACT,KAAK;YAC5BC,OAAO,EAAE;UACb,CAAC,CAAC;QACN,CAAC,CAAC,OAAOS,CAAC,EAAE;UACRJ,MAAM,CAACK,KAAK,CAAC;YACTX,KAAK,EAAEK,IAAI,CAACI,UAAU,CAACT,KAAK;YAC5BC,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,iBAAiB;QACxBC,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,aAAatB,UAAU,EAAG;IACnCuB,OAAO,eACH3C,KAAA,CAAAwC,aAAA,CAACzB,aAAa;MAAC6B,IAAI,eAAE5C,KAAA,CAAAwC,aAAA,CAACpC,aAAa,MAAE,CAAE;MAACyC,QAAQ,EAAEtB,mBAAoB;MAACuB,IAAI,EAAE;IAAK,GAC7E,WACU;EAClB,CACJ,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Tooltip","ReactComponent","UnpublishIcon","observer","getPagesLabel","useUnpublishPage","PageListConfig","BulkActionUnpublish","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","unpublishPage","pagesLabel","items","length","openUnpublishDialog","title","message","loadingLabel","execute","processInSeries","item","report","id","success","properties","e","error","resetItems","results","onCancel","resetResults","createElement","side","content","trigger","icon","onAction","size"],"sources":["BulkActionUnpublish.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as UnpublishIcon } from \"@webiny/icons/visibility_off.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { getPagesLabel } from \"~/modules/pages/PagesList/components/BulkActions/BulkActions.js\";\nimport { useUnpublishPage } from \"~/features/pages/index.js\";\nimport { PageListConfig } from \"~/modules/pages/configs/index.js\";\n\nexport const BulkActionUnpublish = observer(() => {\n    const { useWorker, useButtons, useDialog } = PageListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const { unpublishPage } = useUnpublishPage();\n\n    const pagesLabel = useMemo(() => {\n        return getPagesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openUnpublishDialog = () =>\n        showConfirmationDialog({\n            title: \"Unpublish pages\",\n            message: `You are about to unpublish ${pagesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${pagesLabel}...`,\n            execute: async () => {\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await unpublishPage({ id: item.id });\n\n                        report.success({\n                            title: item.properties.title,\n                            message: \"Page successfully unpublished.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: item.properties.title,\n                            message: e.message\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Unpublish pages\",\n                    message: \"Finished unpublishing pages! See full report below:\",\n                    onCancel: worker.resetResults\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Unpublish ${pagesLabel}`}\n            trigger={\n                <ButtonDefault icon={<UnpublishIcon />} onAction={openUnpublishDialog} size={\"sm\"}>\n                    {`Unpublish`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,cAAc,IAAIC,aAAa,QAAQ,kCAAkC;AAClF,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,cAAc;AAEvB,OAAO,MAAMC,mBAAmB,GAAGJ,QAAQ,CAAC,MAAM;EAC9C,MAAM;IAAEK,SAAS;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAGJ,cAAc,CAACK,OAAO,CAACC,UAAU;EAC9E,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;EAAc,CAAC,GAAGZ,gBAAgB,CAAC,CAAC;EAE5C,MAAMa,UAAU,GAAGnB,OAAO,CAAC,MAAM;IAC7B,OAAOK,aAAa,CAACU,MAAM,CAACK,KAAK,CAACC,MAAM,CAAC;EAC7C,CAAC,EAAE,CAACN,MAAM,CAACK,KAAK,CAACC,MAAM,CAAC,CAAC;EAEzB,MAAMC,mBAAmB,GAAGA,CAAA,KACxBN,sBAAsB,CAAC;IACnBO,KAAK,EAAE,iBAAiB;IACxBC,OAAO,EAAE,8BAA8BL,UAAU,sCAAsC;IACvFM,YAAY,EAAE,cAAcN,UAAU,KAAK;IAC3CO,OAAO,EAAE,MAAAA,CAAA,KAAY;MACjB,MAAMX,MAAM,CAACY,eAAe,CAAC,OAAO;QAAEC,IAAI;QAAEC;MAAO,CAAC,KAAK;QACrD,IAAI;UACA,MAAMX,aAAa,CAAC;YAAEY,EAAE,EAAEF,IAAI,CAACE;UAAG,CAAC,CAAC;UAEpCD,MAAM,CAACE,OAAO,CAAC;YACXR,KAAK,EAAEK,IAAI,CAACI,UAAU,CAACT,KAAK;YAC5BC,OAAO,EAAE;UACb,CAAC,CAAC;QACN,CAAC,CAAC,OAAOS,CAAC,EAAE;UACRJ,MAAM,CAACK,KAAK,CAAC;YACTX,KAAK,EAAEK,IAAI,CAACI,UAAU,CAACT,KAAK;YAC5BC,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,iBAAiB;QACxBC,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,aAAatB,UAAU,EAAG;IACnCuB,OAAO,eACH3C,KAAA,CAAAwC,aAAA,CAACzB,aAAa;MAAC6B,IAAI,eAAE5C,KAAA,CAAAwC,aAAA,CAACpC,aAAa,MAAE,CAAE;MAACyC,QAAQ,EAAEtB,mBAAoB;MAACuB,IAAI,EAAE;IAAK,GAC7E,WACU;EAClB,CACJ,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/modules/pages/PagesList/components/BulkActions/BulkActions.js

@@ -4,7 +4,7 @@ import { ReactComponent as Close } from "@webiny/icons/close.svg";
 import { Buttons } from "@webiny/app-admin";
 import { useDocumentList } from "../../useDocumentList.js";
 import { useSelectPages } from "../../../../../features/pages/selectPages/useSelectPages.js";
-import { usePageListConfig } from "../../../configs";
+import { usePageListConfig } from "../../../configs/index.js";
 export const getPagesLabel = (count = 0) => {
   return `${count} ${count === 1 ? "page" : "pages"}`;
 };
@@ -23,16 +23,16 @@ export const BulkActions = () => {
     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")
+    className: cn("w-full bg-neutral-disabled px-md py-sm", vm.selected.length > 0 ? "block" : "hidden")
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-between wby-gap-sm"
+    className: "flex items-center justify-between gap-sm"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-gap-sm"
+    className: "flex items-center gap-sm"
   }, /*#__PURE__*/React.createElement(Text, {
     size: "sm",
-    className: "wby-text-neutral-strong"
+    className: "text-neutral-strong"
   }, headline)), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-gap-sm"
+    className: "flex items-center gap-sm"
   }, /*#__PURE__*/React.createElement(Buttons, {
     actions: browser.bulkActions
   }), /*#__PURE__*/React.createElement(IconButton, {

package/modules/pages/PagesList/components/BulkActions/BulkActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Text","IconButton","cn","ReactComponent","Close","Buttons","useDocumentList","useSelectPages","usePageListConfig","getPagesLabel","count","BulkActions","browser","vm","selectPages","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/pages/PagesList/useDocumentList.js\";\nimport { useSelectPages } from \"~/features/pages/selectPages/useSelectPages.js\";\nimport { usePageListConfig } from \"~/modules/pages/configs\";\n\nexport const getPagesLabel = (count = 0): string => {\n    return `${count} ${count === 1 ? \"page\" : \"pages\"}`;\n};\n\nexport const BulkActions = () => {\n    const { browser } = usePageListConfig();\n    const { vm } = useDocumentList();\n    const { selectPages } = useSelectPages();\n\n    const headline = useMemo((): string => {\n        const label = getPagesLabel(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={() => selectPages([])}\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,cAAc;AACvB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,aAAa,GAAGA,CAACC,KAAK,GAAG,CAAC,KAAa;EAChD,OAAO,GAAGA,KAAK,IAAIA,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,EAAE;AACvD,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAQ,CAAC,GAAGJ,iBAAiB,CAAC,CAAC;EACvC,MAAM;IAAEK;EAAG,CAAC,GAAGP,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEQ;EAAY,CAAC,GAAGP,cAAc,CAAC,CAAC;EAExC,MAAMQ,QAAQ,GAAGhB,OAAO,CAAC,MAAc;IACnC,MAAMiB,KAAK,GAAGP,aAAa,CAACI,EAAE,CAACI,QAAQ,CAACC,MAAM,CAAC;IAC/C,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,WAAW,CAAC,EAAE;EAAE,CAClC,CACA,CACJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Text","IconButton","cn","ReactComponent","Close","Buttons","useDocumentList","useSelectPages","usePageListConfig","getPagesLabel","count","BulkActions","browser","vm","selectPages","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/pages/PagesList/useDocumentList.js\";\nimport { useSelectPages } from \"~/features/pages/selectPages/useSelectPages.js\";\nimport { usePageListConfig } from \"~/modules/pages/configs/index.js\";\n\nexport const getPagesLabel = (count = 0): string => {\n    return `${count} ${count === 1 ? \"page\" : \"pages\"}`;\n};\n\nexport const BulkActions = () => {\n    const { browser } = usePageListConfig();\n    const { vm } = useDocumentList();\n    const { selectPages } = useSelectPages();\n\n    const headline = useMemo((): string => {\n        const label = getPagesLabel(vm.selected.length);\n        return `${label} selected`;\n    }, [vm.selected]);\n\n    return (\n        <div\n            className={cn(\n                \"w-full bg-neutral-disabled px-md py-sm\",\n                vm.selected.length > 0 ? \"block\" : \"hidden\"\n            )}\n        >\n            <div className={\"flex items-center justify-between gap-sm\"}>\n                <div className={\"flex items-center gap-sm\"}>\n                    <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                        {headline}\n                    </Text>\n                </div>\n\n                <div className={\"flex items-center gap-sm\"}>\n                    <Buttons actions={browser.bulkActions} />\n                    <IconButton\n                        variant={\"ghost\"}\n                        size={\"sm\"}\n                        icon={<Close />}\n                        onClick={() => selectPages([])}\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,cAAc;AACvB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,aAAa,GAAGA,CAACC,KAAK,GAAG,CAAC,KAAa;EAChD,OAAO,GAAGA,KAAK,IAAIA,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,EAAE;AACvD,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAQ,CAAC,GAAGJ,iBAAiB,CAAC,CAAC;EACvC,MAAM;IAAEK;EAAG,CAAC,GAAGP,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEQ;EAAY,CAAC,GAAGP,cAAc,CAAC,CAAC;EAExC,MAAMQ,QAAQ,GAAGhB,OAAO,CAAC,MAAc;IACnC,MAAMiB,KAAK,GAAGP,aAAa,CAACI,EAAE,CAACI,QAAQ,CAACC,MAAM,CAAC;IAC/C,OAAO,GAAGF,KAAK,WAAW;EAC9B,CAAC,EAAE,CAACH,EAAE,CAACI,QAAQ,CAAC,CAAC;EAEjB,oBACInB,KAAA,CAAAqB,aAAA;IACIC,SAAS,EAAElB,EAAE,CACT,wCAAwC,EACxCW,EAAE,CAACI,QAAQ,CAACC,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,QACvC;EAAE,gBAEFpB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAA2C,gBACvDtB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCtB,KAAA,CAAAqB,aAAA,CAACnB,IAAI;IAACqB,IAAI,EAAE,IAAK;IAACD,SAAS,EAAE;EAAsB,GAC9CL,QACC,CACL,CAAC,eAENjB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCtB,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,WAAW,CAAC,EAAE;EAAE,CAClC,CACA,CACJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/modules/pages/PagesList/components/Empty/Empty.js

@@ -1,7 +1,7 @@
 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 { EmptyView } from "@webiny/app-admin";
 import { Button, Tooltip } from "@webiny/admin-ui";
 export const Empty = ({
   isSearch,

package/modules/pages/PagesList/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/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 page\"}\n            icon={<AddIcon />}\n        />\n    );\n\n    if (!canCreateContent) {\n        createDocumentButton = (\n            <Tooltip\n                trigger={createDocumentButton}\n                content={`Cannot create page 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,UAAW;IACjBP,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,iDAAkD;MAC3DC,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,"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 page\"}\n            icon={<AddIcon />}\n        />\n    );\n\n    if (!canCreateContent) {\n        createDocumentButton = (\n            <Tooltip\n                trigger={createDocumentButton}\n                content={`Cannot create page 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,UAAW;IACjBP,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,iDAAkD;MAC3DC,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/pages/PagesList/components/Empty/index.d.ts

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

package/modules/pages/PagesList/components/Empty/index.js

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

package/modules/pages/PagesList/components/Empty/index.js.map

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

package/modules/pages/PagesList/components/Filters/Filters.js

@@ -3,7 +3,7 @@ import { Filters as BaseFilters } from "@webiny/app-admin";
 import { useFilterPages } from "../../../../../features/pages/index.js";
 import { useDocumentList } from "../../useDocumentList.js";
 import { useNavigateFolder } from "@webiny/app-aco";
-import { usePageListConfig } from "../../../configs";
+import { usePageListConfig } from "../../../configs/index.js";
 export const Filters = () => {
   const {
     browser

package/modules/pages/PagesList/components/Filters/Filters.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Filters","BaseFilters","useFilterPages","useDocumentList","useNavigateFolder","usePageListConfig","browser","vm","filterPages","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 { useFilterPages } from \"~/features/pages/index.js\";\nimport { useDocumentList } from \"~/modules/pages/PagesList/useDocumentList.js\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\nimport { usePageListConfig } from \"~/modules/pages/configs\";\n\nexport const Filters = () => {\n    const { browser } = usePageListConfig();\n    const { vm } = useDocumentList();\n    const { filterPages } = useFilterPages();\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        filterPages(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,cAAc;AACvB,SAASC,eAAe;AACxB,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,iBAAiB;AAE1B,OAAO,MAAML,OAAO,GAAGA,CAAA,KAAM;EACzB,MAAM;IAAEM;EAAQ,CAAC,GAAGD,iBAAiB,CAAC,CAAC;EACvC,MAAM;IAAEE;EAAG,CAAC,GAAGJ,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEK;EAAY,CAAC,GAAGN,cAAc,CAAC,CAAC;EACxC,MAAM;IAAEO;EAAgB,CAAC,GAAGL,iBAAiB,CAAC,CAAC;EAE/C,MAAMM,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,WAAW,CAACO,gBAAgB,EAAEN,eAAe,CAAC;EAClD,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,"names":["React","Filters","BaseFilters","useFilterPages","useDocumentList","useNavigateFolder","usePageListConfig","browser","vm","filterPages","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 { useFilterPages } from \"~/features/pages/index.js\";\nimport { useDocumentList } from \"~/modules/pages/PagesList/useDocumentList.js\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\nimport { usePageListConfig } from \"~/modules/pages/configs/index.js\";\n\nexport const Filters = () => {\n    const { browser } = usePageListConfig();\n    const { vm } = useDocumentList();\n    const { filterPages } = useFilterPages();\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        filterPages(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,cAAc;AACvB,SAASC,eAAe;AACxB,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,iBAAiB;AAE1B,OAAO,MAAML,OAAO,GAAGA,CAAA,KAAM;EACzB,MAAM;IAAEM;EAAQ,CAAC,GAAGD,iBAAiB,CAAC,CAAC;EACvC,MAAM;IAAEE;EAAG,CAAC,GAAGJ,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEK;EAAY,CAAC,GAAGN,cAAc,CAAC,CAAC;EACxC,MAAM;IAAEO;EAAgB,CAAC,GAAGL,iBAAiB,CAAC,CAAC;EAE/C,MAAMM,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,WAAW,CAACO,gBAAgB,EAAEN,eAAe,CAAC;EAClD,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/pages/PagesList/components/Header/Header.js

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

package/modules/pages/PagesList/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\";\nimport { Search } from \"./Search\";\nimport { Title } from \"./Title\";\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={\"wby-flex wby-flex-col wby-gap-md\"}>\n                <Title title={title} isRoot={isRoot} />\n                <div className={\"wby-px-md wby-pb-sm\"}>\n                    <div className={\"wby-flex wby-items-center wby-gap-sm wby-w-full\"}>\n                        <div className={\"wby-flex-1\"}>\n                            <Search />\n                        </div>\n                        <div>\n                            <div className={\"wby-flex wby-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;EAAmC,gBAC/ChB,KAAA,CAAAc,aAAA,CAACT,KAAK;IAACG,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA;EAAO,CAAE,CAAC,eACvCT,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAsB,gBAClChB,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAkD,gBAC9DhB,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAa,gBACzBhB,KAAA,CAAAc,aAAA,CAACV,MAAM,MAAE,CACR,CAAC,eACNJ,KAAA,CAAAc,aAAA,2BACId,KAAA,CAAAc,aAAA;IAAKE,SAAS,EAAE;EAAsB,gBAClChB,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,"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":[]}

package/modules/pages/PagesList/components/Header/Search.js

@@ -47,7 +47,7 @@ export const Search = () => {
     }),
     size: "md",
     variant: "ghost",
-    className: "wby-w-full"
+    className: "w-full"
   }));
 };
 

package/modules/pages/PagesList/components/Header/Search.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","SearchIcon","DelayedOnChange","Icon","Input","useLoadPages","useSearchPages","useNavigateFolder","useDocumentList","Search","vm","searchPages","loadPages","currentFolderId","createElement","value","searchQuery","onChange","trim","folderId","resetSearch","e","target","forwardEventOnChange","placeholder","searchLabel","startIcon","icon","label","size","variant","className"],"sources":["Search.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { DelayedOnChange, Icon, Input } from \"@webiny/admin-ui\";\nimport { useLoadPages, useSearchPages } from \"~/features/pages/index.js\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\nimport { useDocumentList } from \"~/modules/pages/PagesList/useDocumentList.js\";\n\nexport const Search = () => {\n    const { vm } = useDocumentList();\n    const { searchPages } = useSearchPages();\n    const { loadPages } = useLoadPages();\n    const { currentFolderId } = useNavigateFolder();\n\n    return (\n        <DelayedOnChange\n            value={vm.searchQuery}\n            onChange={value => {\n                const searchQuery = value.trim();\n\n                if (searchQuery === vm.searchQuery) {\n                    return;\n                }\n\n                if (!searchQuery) {\n                    loadPages({ folderId: currentFolderId, resetSearch: true });\n                    return;\n                }\n\n                searchPages(searchQuery, currentFolderId);\n            }}\n        >\n            {({ value, onChange }) => (\n                <Input\n                    value={value}\n                    onChange={e => onChange(e.target.value)}\n                    forwardEventOnChange={true}\n                    placeholder={vm.searchLabel}\n                    startIcon={<Icon icon={<SearchIcon />} label=\"Search\" />}\n                    size={\"md\"}\n                    variant={\"ghost\"}\n                    className={\"wby-w-full\"}\n                />\n            )}\n        </DelayedOnChange>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,eAAe,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC/D,SAASC,YAAY,EAAEC,cAAc;AACrC,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,eAAe;AAExB,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,MAAM;IAAEC;EAAG,CAAC,GAAGF,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEG;EAAY,CAAC,GAAGL,cAAc,CAAC,CAAC;EACxC,MAAM;IAAEM;EAAU,CAAC,GAAGP,YAAY,CAAC,CAAC;EACpC,MAAM;IAAEQ;EAAgB,CAAC,GAAGN,iBAAiB,CAAC,CAAC;EAE/C,oBACIR,KAAA,CAAAe,aAAA,CAACZ,eAAe;IACZa,KAAK,EAAEL,EAAE,CAACM,WAAY;IACtBC,QAAQ,EAAEF,KAAK,IAAI;MACf,MAAMC,WAAW,GAAGD,KAAK,CAACG,IAAI,CAAC,CAAC;MAEhC,IAAIF,WAAW,KAAKN,EAAE,CAACM,WAAW,EAAE;QAChC;MACJ;MAEA,IAAI,CAACA,WAAW,EAAE;QACdJ,SAAS,CAAC;UAAEO,QAAQ,EAAEN,eAAe;UAAEO,WAAW,EAAE;QAAK,CAAC,CAAC;QAC3D;MACJ;MAEAT,WAAW,CAACK,WAAW,EAAEH,eAAe,CAAC;IAC7C;EAAE,GAED,CAAC;IAAEE,KAAK;IAAEE;EAAS,CAAC,kBACjBlB,KAAA,CAAAe,aAAA,CAACV,KAAK;IACFW,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEI,CAAC,IAAIJ,QAAQ,CAACI,CAAC,CAACC,MAAM,CAACP,KAAK,CAAE;IACxCQ,oBAAoB,EAAE,IAAK;IAC3BC,WAAW,EAAEd,EAAE,CAACe,WAAY;IAC5BC,SAAS,eAAE3B,KAAA,CAAAe,aAAA,CAACX,IAAI;MAACwB,IAAI,eAAE5B,KAAA,CAAAe,aAAA,CAACb,UAAU,MAAE,CAAE;MAAC2B,KAAK,EAAC;IAAQ,CAAE,CAAE;IACzDC,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,OAAQ;IACjBC,SAAS,EAAE;EAAa,CAC3B,CAEQ,CAAC;AAE1B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","SearchIcon","DelayedOnChange","Icon","Input","useLoadPages","useSearchPages","useNavigateFolder","useDocumentList","Search","vm","searchPages","loadPages","currentFolderId","createElement","value","searchQuery","onChange","trim","folderId","resetSearch","e","target","forwardEventOnChange","placeholder","searchLabel","startIcon","icon","label","size","variant","className"],"sources":["Search.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { DelayedOnChange, Icon, Input } from \"@webiny/admin-ui\";\nimport { useLoadPages, useSearchPages } from \"~/features/pages/index.js\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\nimport { useDocumentList } from \"~/modules/pages/PagesList/useDocumentList.js\";\n\nexport const Search = () => {\n    const { vm } = useDocumentList();\n    const { searchPages } = useSearchPages();\n    const { loadPages } = useLoadPages();\n    const { currentFolderId } = useNavigateFolder();\n\n    return (\n        <DelayedOnChange\n            value={vm.searchQuery}\n            onChange={value => {\n                const searchQuery = value.trim();\n\n                if (searchQuery === vm.searchQuery) {\n                    return;\n                }\n\n                if (!searchQuery) {\n                    loadPages({ folderId: currentFolderId, resetSearch: true });\n                    return;\n                }\n\n                searchPages(searchQuery, currentFolderId);\n            }}\n        >\n            {({ value, onChange }) => (\n                <Input\n                    value={value}\n                    onChange={e => onChange(e.target.value)}\n                    forwardEventOnChange={true}\n                    placeholder={vm.searchLabel}\n                    startIcon={<Icon icon={<SearchIcon />} label=\"Search\" />}\n                    size={\"md\"}\n                    variant={\"ghost\"}\n                    className={\"w-full\"}\n                />\n            )}\n        </DelayedOnChange>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,eAAe,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC/D,SAASC,YAAY,EAAEC,cAAc;AACrC,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,eAAe;AAExB,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,MAAM;IAAEC;EAAG,CAAC,GAAGF,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEG;EAAY,CAAC,GAAGL,cAAc,CAAC,CAAC;EACxC,MAAM;IAAEM;EAAU,CAAC,GAAGP,YAAY,CAAC,CAAC;EACpC,MAAM;IAAEQ;EAAgB,CAAC,GAAGN,iBAAiB,CAAC,CAAC;EAE/C,oBACIR,KAAA,CAAAe,aAAA,CAACZ,eAAe;IACZa,KAAK,EAAEL,EAAE,CAACM,WAAY;IACtBC,QAAQ,EAAEF,KAAK,IAAI;MACf,MAAMC,WAAW,GAAGD,KAAK,CAACG,IAAI,CAAC,CAAC;MAEhC,IAAIF,WAAW,KAAKN,EAAE,CAACM,WAAW,EAAE;QAChC;MACJ;MAEA,IAAI,CAACA,WAAW,EAAE;QACdJ,SAAS,CAAC;UAAEO,QAAQ,EAAEN,eAAe;UAAEO,WAAW,EAAE;QAAK,CAAC,CAAC;QAC3D;MACJ;MAEAT,WAAW,CAACK,WAAW,EAAEH,eAAe,CAAC;IAC7C;EAAE,GAED,CAAC;IAAEE,KAAK;IAAEE;EAAS,CAAC,kBACjBlB,KAAA,CAAAe,aAAA,CAACV,KAAK;IACFW,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEI,CAAC,IAAIJ,QAAQ,CAACI,CAAC,CAACC,MAAM,CAACP,KAAK,CAAE;IACxCQ,oBAAoB,EAAE,IAAK;IAC3BC,WAAW,EAAEd,EAAE,CAACe,WAAY;IAC5BC,SAAS,eAAE3B,KAAA,CAAAe,aAAA,CAACX,IAAI;MAACwB,IAAI,eAAE5B,KAAA,CAAAe,aAAA,CAACb,UAAU,MAAE,CAAE;MAAC2B,KAAK,EAAC;IAAQ,CAAE,CAAE;IACzDC,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,OAAQ;IACjBC,SAAS,EAAE;EAAS,CACvB,CAEQ,CAAC;AAE1B,CAAC","ignoreList":[]}

package/modules/pages/PagesList/components/Header/Title.js

@@ -10,9 +10,9 @@ export const Title = ({
     return isRoot ? /*#__PURE__*/React.createElement(HomeIcon, null) : /*#__PURE__*/React.createElement(FolderIcon, null);
   }, [isRoot]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-5/12 wby-pt-md wby-px-lg"
+    className: "w-5/12 pt-md px-lg"
   }, title && /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-gap-sm wby-items-center"
+    className: "flex gap-sm items-center"
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     label: title,
@@ -21,7 +21,7 @@ export const Title = ({
   }), /*#__PURE__*/React.createElement(Heading, {
     level: 4,
     as: "h1",
-    className: "wby-truncate"
+    className: "truncate"
   }, title)) || /*#__PURE__*/React.createElement(Skeleton, {
     size: "xl"
   }));

package/modules/pages/PagesList/components/Header/Title.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Heading","Icon","Skeleton","ReactComponent","HomeIcon","FolderIcon","Title","title","isRoot","icon","createElement","className","label","size","color","level","as"],"sources":["Title.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Heading, Icon, Skeleton } from \"@webiny/admin-ui\";\nimport { ReactComponent as HomeIcon } from \"@webiny/icons/home.svg\";\nimport { ReactComponent as FolderIcon } from \"@webiny/icons/folder.svg\";\n\ninterface TitleProps {\n    isRoot: boolean;\n    title?: string;\n}\n\nexport const Title = ({ title, isRoot }: TitleProps) => {\n    const icon = useMemo(() => {\n        return isRoot ? <HomeIcon /> : <FolderIcon />;\n    }, [isRoot]);\n\n    return (\n        <div className={\"wby-w-5/12 wby-pt-md wby-px-lg\"}>\n            {(title && (\n                <div className={\"wby-flex wby-gap-sm wby-items-center\"}>\n                    <Icon icon={icon} label={title} size={\"md\"} color={\"neutral-strong\"} />\n                    <Heading level={4} as={\"h1\"} className={\"wby-truncate\"}>\n                        {title}\n                    </Heading>\n                </div>\n            )) || <Skeleton size={\"xl\"} />}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,kBAAkB;AAC1D,SAASC,cAAc,IAAIC,QAAQ,QAAQ,wBAAwB;AACnE,SAASD,cAAc,IAAIE,UAAU,QAAQ,0BAA0B;AAOvE,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAmB,CAAC,KAAK;EACpD,MAAMC,IAAI,GAAGV,OAAO,CAAC,MAAM;IACvB,OAAOS,MAAM,gBAAGV,KAAA,CAAAY,aAAA,CAACN,QAAQ,MAAE,CAAC,gBAAGN,KAAA,CAAAY,aAAA,CAACL,UAAU,MAAE,CAAC;EACjD,CAAC,EAAE,CAACG,MAAM,CAAC,CAAC;EAEZ,oBACIV,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAAiC,GAC3CJ,KAAK,iBACHT,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAAuC,gBACnDb,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACQ,IAAI,EAAEA,IAAK;IAACG,KAAK,EAAEL,KAAM;IAACM,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAiB,CAAE,CAAC,eACvEhB,KAAA,CAAAY,aAAA,CAACV,OAAO;IAACe,KAAK,EAAE,CAAE;IAACC,EAAE,EAAE,IAAK;IAACL,SAAS,EAAE;EAAe,GAClDJ,KACI,CACR,CACR,iBAAKT,KAAA,CAAAY,aAAA,CAACR,QAAQ;IAACW,IAAI,EAAE;EAAK,CAAE,CAC5B,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Heading","Icon","Skeleton","ReactComponent","HomeIcon","FolderIcon","Title","title","isRoot","icon","createElement","className","label","size","color","level","as"],"sources":["Title.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Heading, Icon, Skeleton } from \"@webiny/admin-ui\";\nimport { ReactComponent as HomeIcon } from \"@webiny/icons/home.svg\";\nimport { ReactComponent as FolderIcon } from \"@webiny/icons/folder.svg\";\n\ninterface TitleProps {\n    isRoot: boolean;\n    title?: string;\n}\n\nexport const Title = ({ title, isRoot }: TitleProps) => {\n    const icon = useMemo(() => {\n        return isRoot ? <HomeIcon /> : <FolderIcon />;\n    }, [isRoot]);\n\n    return (\n        <div className={\"w-5/12 pt-md px-lg\"}>\n            {(title && (\n                <div className={\"flex gap-sm items-center\"}>\n                    <Icon icon={icon} label={title} size={\"md\"} color={\"neutral-strong\"} />\n                    <Heading level={4} as={\"h1\"} className={\"truncate\"}>\n                        {title}\n                    </Heading>\n                </div>\n            )) || <Skeleton size={\"xl\"} />}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,kBAAkB;AAC1D,SAASC,cAAc,IAAIC,QAAQ,QAAQ,wBAAwB;AACnE,SAASD,cAAc,IAAIE,UAAU,QAAQ,0BAA0B;AAOvE,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAmB,CAAC,KAAK;EACpD,MAAMC,IAAI,GAAGV,OAAO,CAAC,MAAM;IACvB,OAAOS,MAAM,gBAAGV,KAAA,CAAAY,aAAA,CAACN,QAAQ,MAAE,CAAC,gBAAGN,KAAA,CAAAY,aAAA,CAACL,UAAU,MAAE,CAAC;EACjD,CAAC,EAAE,CAACG,MAAM,CAAC,CAAC;EAEZ,oBACIV,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAAqB,GAC/BJ,KAAK,iBACHT,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCb,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACQ,IAAI,EAAEA,IAAK;IAACG,KAAK,EAAEL,KAAM;IAACM,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAiB,CAAE,CAAC,eACvEhB,KAAA,CAAAY,aAAA,CAACV,OAAO;IAACe,KAAK,EAAE,CAAE;IAACC,EAAE,EAAE,IAAK;IAACL,SAAS,EAAE;EAAW,GAC9CJ,KACI,CACR,CACR,iBAAKT,KAAA,CAAAY,aAAA,CAACR,QAAQ;IAACW,IAAI,EAAE;EAAK,CAAE,CAC5B,CAAC;AAEd,CAAC","ignoreList":[]}

package/modules/pages/PagesList/components/Header/index.d.ts

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

package/modules/pages/PagesList/components/Header/index.js

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

package/modules/pages/PagesList/components/Header/index.js.map

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

package/modules/pages/PagesList/components/Layout/Layout.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
-interface LayoutProps {
+export interface LayoutProps {
     main: React.ReactNode;
     sidebar: React.ReactNode;
 }
-declare const Layout: (props: LayoutProps) => React.JSX.Element;
-export { Layout, type LayoutProps };
+export declare const Layout: (props: LayoutProps) => React.JSX.Element;

package/modules/pages/PagesList/components/Layout/Layout.js

@@ -1,17 +1,13 @@
 import React from "react";
-import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin/components/SplitView/index.js";
-import { useLayoutId } from "./useLayoutId.js";
-import { WB_PAGE_APP } from "../../../../../constants.js";
-const Layout = props => {
-  const layoutId = useLayoutId(WB_PAGE_APP);
+import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin";
+export const Layout = props => {
   return /*#__PURE__*/React.createElement(SplitView, {
-    layoutId: layoutId
+    namespace: "wb/page/list"
   }, /*#__PURE__*/React.createElement(LeftPanel, {
     span: 2
   }, props.sidebar), /*#__PURE__*/React.createElement(RightPanel, {
     span: 10
   }, props.main));
 };
-export { Layout };
 
 //# sourceMappingURL=Layout.js.map

package/modules/pages/PagesList/components/Layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","LeftPanel","RightPanel","SplitView","useLayoutId","WB_PAGE_APP","Layout","props","layoutId","createElement","span","sidebar","main"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView/index.js\";\nimport { useLayoutId } from \"./useLayoutId.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\n\ninterface LayoutProps {\n    main: React.ReactNode;\n    sidebar: React.ReactNode;\n}\n\nconst Layout = (props: LayoutProps) => {\n    const layoutId = useLayoutId(WB_PAGE_APP);\n\n    return (\n        <SplitView layoutId={layoutId}>\n            <LeftPanel span={2}>{props.sidebar}</LeftPanel>\n            <RightPanel span={10}>{props.main}</RightPanel>\n        </SplitView>\n    );\n};\n\nexport { Layout, type LayoutProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,UAAU,EAAEC,SAAS,QAAQ,iDAAiD;AAClG,SAASC,WAAW;AACpB,SAASC,WAAW;AAOpB,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EACnC,MAAMC,QAAQ,GAAGJ,WAAW,CAACC,WAAW,CAAC;EAEzC,oBACIL,KAAA,CAAAS,aAAA,CAACN,SAAS;IAACK,QAAQ,EAAEA;EAAS,gBAC1BR,KAAA,CAAAS,aAAA,CAACR,SAAS;IAACS,IAAI,EAAE;EAAE,GAAEH,KAAK,CAACI,OAAmB,CAAC,eAC/CX,KAAA,CAAAS,aAAA,CAACP,UAAU;IAACQ,IAAI,EAAE;EAAG,GAAEH,KAAK,CAACK,IAAiB,CACvC,CAAC;AAEpB,CAAC;AAED,SAASN,MAAM","ignoreList":[]}
+{"version":3,"names":["React","LeftPanel","RightPanel","SplitView","Layout","props","createElement","namespace","span","sidebar","main"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin\";\n\nexport interface LayoutProps {\n    main: React.ReactNode;\n    sidebar: React.ReactNode;\n}\n\nexport const Layout = (props: LayoutProps) => {\n    return (\n        <SplitView namespace={\"wb/page/list\"}>\n            <LeftPanel span={2}>{props.sidebar}</LeftPanel>\n            <RightPanel span={10}>{props.main}</RightPanel>\n        </SplitView>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,UAAU,EAAEC,SAAS,QAAQ,mBAAmB;AAOpE,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC1C,oBACIL,KAAA,CAAAM,aAAA,CAACH,SAAS;IAACI,SAAS,EAAE;EAAe,gBACjCP,KAAA,CAAAM,aAAA,CAACL,SAAS;IAACO,IAAI,EAAE;EAAE,GAAEH,KAAK,CAACI,OAAmB,CAAC,eAC/CT,KAAA,CAAAM,aAAA,CAACJ,UAAU;IAACM,IAAI,EAAE;EAAG,GAAEH,KAAK,CAACK,IAAiB,CACvC,CAAC;AAEpB,CAAC","ignoreList":[]}

package/modules/pages/PagesList/components/Layout/index.d.ts

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

package/modules/pages/PagesList/components/Layout/index.js

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

package/modules/pages/PagesList/components/Layout/index.js.map

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

package/modules/pages/PagesList/components/Main/CreatePage/CreatePage.js

@@ -3,21 +3,17 @@ import { Grid, Select } from "@webiny/admin-ui";
 import { useBind } from "@webiny/form";
 import { validation } from "@webiny/validation";
 import { useDialogs } from "@webiny/app-admin";
-import { useCreatePage } from "../../../../../../features/pages";
-import { useGetEditPageUrl } from "../../../hooks/useGetEditPageUrl";
-import { useRouter } from "@webiny/react-router";
-import { useGetPageType, usePageTypes } from "../../../../../../features";
+import { useCreatePage } from "../../../../../../features/pages/index.js";
+import { useEditPageUrl } from "../../../hooks/useEditPageUrl.js";
+import { useGetPageType, usePageTypes } from "../../../../../../features/index.js";
 export const useCreatePageDialog = folderId => {
   const dialog = useDialogs();
   const {
     createPage
   } = useCreatePage();
   const {
-    getEditPageUrl
-  } = useGetEditPageUrl();
-  const {
-    history
-  } = useRouter();
+    goToPageEditor
+  } = useEditPageUrl();
   const {
     getPageType
   } = useGetPageType();
@@ -44,6 +40,9 @@ export const useCreatePageDialog = folderId => {
           properties: {
             ...(formData.properties ?? {})
           },
+          extensions: {
+            ...(formData.extensions ?? {})
+          },
           metadata: {
             documentType: "page",
             pageType: type,
@@ -60,7 +59,7 @@ export const useCreatePageDialog = folderId => {
           }
         };
         const result = await createPage(input);
-        history.push(getEditPageUrl(result.id));
+        goToPageEditor(result.id);
       }
     });
   };

package/modules/pages/PagesList/components/Main/CreatePage/CreatePage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Grid","Select","useBind","validation","useDialogs","useCreatePage","useGetEditPageUrl","useRouter","useGetPageType","usePageTypes","useCreatePageDialog","folderId","dialog","createPage","getEditPageUrl","history","getPageType","showCreatePageDialog","showDialog","title","acceptLabel","cancelLabel","content","createElement","CreatePageWizard","formData","onAccept","type","pageType","input","location","properties","metadata","documentType","elements","root","id","component","name","result","push","pageTypes","options","Array","from","entries","map","label","value","pageTypeBind","validators","create","find","Column","span","Object","assign","Fragment","element"],"sources":["CreatePage.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Grid, Select } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { useCreatePage } from \"~/features/pages\";\nimport type { CreatePageParams } from \"~/features/pages/createPage/ICreatePageUseCase\";\nimport { useGetEditPageUrl } from \"~/modules/pages/PagesList/hooks/useGetEditPageUrl\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useGetPageType, usePageTypes } from \"~/features\";\n\nexport const useCreatePageDialog = (folderId: string) => {\n    const dialog = useDialogs();\n    const { createPage } = useCreatePage();\n    const { getEditPageUrl } = useGetEditPageUrl();\n    const { history } = useRouter();\n    const { getPageType } = useGetPageType();\n\n    const showCreatePageDialog = () => {\n        dialog.showDialog({\n            title: \"Create a Page\",\n            acceptLabel: \"Create\",\n            cancelLabel: \"Cancel\",\n            content: <CreatePageWizard />,\n            formData: {},\n            onAccept: async ({ type, ...formData }) => {\n                const pageType = getPageType(type);\n\n                if (!pageType) {\n                    // This edge-case can hardly happen, but let's still check for it.\n                    return;\n                }\n\n                const input: CreatePageParams = {\n                    location: {\n                        folderId\n                    },\n                    properties: {\n                        ...(formData.properties ?? {})\n                    },\n                    metadata: {\n                        documentType: \"page\",\n                        pageType: type,\n                        ...(formData.metadata ?? {})\n                    },\n                    elements: {\n                        root: {\n                            type: \"Webiny/Element\",\n                            id: \"root\",\n                            component: {\n                                name: \"Webiny/Root\"\n                            }\n                        }\n                    }\n                };\n\n                const result = await createPage(input);\n                history.push(getEditPageUrl(result.id));\n            }\n        });\n    };\n\n    return { showCreatePageDialog };\n};\n\nconst CreatePageWizard = () => {\n    const { pageTypes } = usePageTypes();\n\n    const options = useMemo(() => {\n        return Array.from(pageTypes.entries()).map(([, type]) => ({\n            label: type.label,\n            value: type.name\n        }));\n    }, [pageTypes]);\n\n    const pageTypeBind = useBind({\n        name: \"type\",\n        validators: [validation.create(\"required\")]\n    });\n\n    const pageType = pageTypes.find(type => type.name === pageTypeBind.value);\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Select\n                    label={\"Page Type\"}\n                    {...pageTypeBind}\n                    value={pageTypeBind.value ?? \"\"}\n                    options={options}\n                ></Select>\n            </Grid.Column>\n            <>{pageType ? pageType.element : null}</>\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Grid","Select","useBind","validation","useDialogs","useCreatePage","useEditPageUrl","useGetPageType","usePageTypes","useCreatePageDialog","folderId","dialog","createPage","goToPageEditor","getPageType","showCreatePageDialog","showDialog","title","acceptLabel","cancelLabel","content","createElement","CreatePageWizard","formData","onAccept","type","pageType","input","location","properties","extensions","metadata","documentType","elements","root","id","component","name","result","pageTypes","options","Array","from","entries","map","label","value","pageTypeBind","validators","create","find","Column","span","Object","assign","Fragment","element"],"sources":["CreatePage.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Grid, Select } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { useCreatePage } from \"~/features/pages/index.js\";\nimport type { CreatePageParams } from \"~/features/pages/createPage/ICreatePageUseCase.js\";\nimport { useEditPageUrl } from \"~/modules/pages/PagesList/hooks/useEditPageUrl.js\";\nimport { useGetPageType, usePageTypes } from \"~/features/index.js\";\n\nexport const useCreatePageDialog = (folderId: string) => {\n    const dialog = useDialogs();\n    const { createPage } = useCreatePage();\n    const { goToPageEditor } = useEditPageUrl();\n    const { getPageType } = useGetPageType();\n\n    const showCreatePageDialog = () => {\n        dialog.showDialog({\n            title: \"Create a Page\",\n            acceptLabel: \"Create\",\n            cancelLabel: \"Cancel\",\n            content: <CreatePageWizard />,\n            formData: {},\n            onAccept: async ({ type, ...formData }) => {\n                const pageType = getPageType(type);\n\n                if (!pageType) {\n                    // This edge-case can hardly happen, but let's still check for it.\n                    return;\n                }\n\n                const input: CreatePageParams = {\n                    location: {\n                        folderId\n                    },\n                    properties: {\n                        ...(formData.properties ?? {})\n                    },\n                    extensions: {\n                        ...(formData.extensions ?? {})\n                    },\n                    metadata: {\n                        documentType: \"page\",\n                        pageType: type,\n                        ...(formData.metadata ?? {})\n                    },\n                    elements: {\n                        root: {\n                            type: \"Webiny/Element\",\n                            id: \"root\",\n                            component: {\n                                name: \"Webiny/Root\"\n                            }\n                        }\n                    }\n                };\n\n                const result = await createPage(input);\n                goToPageEditor(result.id);\n            }\n        });\n    };\n\n    return { showCreatePageDialog };\n};\n\nconst CreatePageWizard = () => {\n    const { pageTypes } = usePageTypes();\n\n    const options = useMemo(() => {\n        return Array.from(pageTypes.entries()).map(([, type]) => ({\n            label: type.label,\n            value: type.name\n        }));\n    }, [pageTypes]);\n\n    const pageTypeBind = useBind({\n        name: \"type\",\n        validators: [validation.create(\"required\")]\n    });\n\n    const pageType = pageTypes.find(type => type.name === pageTypeBind.value);\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Select\n                    label={\"Page Type\"}\n                    {...pageTypeBind}\n                    value={pageTypeBind.value ?? \"\"}\n                    options={options}\n                ></Select>\n            </Grid.Column>\n            <>{pageType ? pageType.element : null}</>\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PagesList/components/Main/CreatePage/StaticPageForm.js

@@ -2,7 +2,7 @@ import React from "react";
 import { Grid, Input } from "@webiny/admin-ui";
 import { UnsetOnUnmount, useBind, useForm } from "@webiny/form";
 import { validation } from "@webiny/validation";
-import { pagePathFromTitle } from "../../../../../../shared/pagePathFromTitle";
+import { pagePathFromTitle } from "../../../../../../shared/pagePathFromTitle.js";
 const generatePath = form => () => {
   if (form.getValue("properties.path")) {
     return;

package/modules/pages/PagesList/components/Main/CreatePage/StaticPageForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","Input","UnsetOnUnmount","useBind","useForm","validation","pagePathFromTitle","generatePath","form","getValue","titlePath","setValue","StaticPageForm","titleBind","name","validators","create","pathBind","createElement","Fragment","Column","span","Object","assign","label","onBlur"],"sources":["StaticPageForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport type { FormAPI } from \"@webiny/form\";\nimport { UnsetOnUnmount, useBind, useForm } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { pagePathFromTitle } from \"~/shared/pagePathFromTitle\";\n\nconst generatePath = (form: FormAPI) => () => {\n    if (form.getValue(\"properties.path\")) {\n        return;\n    }\n    const titlePath = pagePathFromTitle(form.getValue(\"properties.title\")) ?? \"\";\n    form.setValue(\"properties.path\", `/${titlePath}`);\n};\n\nexport const StaticPageForm = () => {\n    const form = useForm();\n    const titleBind = useBind({\n        name: \"properties.title\",\n        validators: [validation.create(\"required\")]\n    });\n    const pathBind = useBind({\n        name: \"properties.path\",\n        validators: [validation.create(\"required\")]\n    });\n\n    return (\n        <>\n            <Grid.Column span={12}>\n                <UnsetOnUnmount name={\"properties.title\"}>\n                    <Input label={\"Title\"} {...titleBind} onBlur={generatePath(form)} />\n                </UnsetOnUnmount>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <UnsetOnUnmount name={\"properties.path\"}>\n                    <Input label={\"Path\"} {...pathBind} />\n                </UnsetOnUnmount>\n            </Grid.Column>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAE9C,SAASC,cAAc,EAAEC,OAAO,EAAEC,OAAO,QAAQ,cAAc;AAC/D,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,iBAAiB;AAE1B,MAAMC,YAAY,GAAIC,IAAa,IAAK,MAAM;EAC1C,IAAIA,IAAI,CAACC,QAAQ,CAAC,iBAAiB,CAAC,EAAE;IAClC;EACJ;EACA,MAAMC,SAAS,GAAGJ,iBAAiB,CAACE,IAAI,CAACC,QAAQ,CAAC,kBAAkB,CAAC,CAAC,IAAI,EAAE;EAC5ED,IAAI,CAACG,QAAQ,CAAC,iBAAiB,EAAE,IAAID,SAAS,EAAE,CAAC;AACrD,CAAC;AAED,OAAO,MAAME,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMJ,IAAI,GAAGJ,OAAO,CAAC,CAAC;EACtB,MAAMS,SAAS,GAAGV,OAAO,CAAC;IACtBW,IAAI,EAAE,kBAAkB;IACxBC,UAAU,EAAE,CAACV,UAAU,CAACW,MAAM,CAAC,UAAU,CAAC;EAC9C,CAAC,CAAC;EACF,MAAMC,QAAQ,GAAGd,OAAO,CAAC;IACrBW,IAAI,EAAE,iBAAiB;IACvBC,UAAU,EAAE,CAACV,UAAU,CAACW,MAAM,CAAC,UAAU,CAAC;EAC9C,CAAC,CAAC;EAEF,oBACIjB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,QAAA,qBACIpB,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACoB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBtB,KAAA,CAAAmB,aAAA,CAAChB,cAAc;IAACY,IAAI,EAAE;EAAmB,gBACrCf,KAAA,CAAAmB,aAAA,CAACjB,KAAK,EAAAqB,MAAA,CAAAC,MAAA;IAACC,KAAK,EAAE;EAAQ,GAAKX,SAAS;IAAEY,MAAM,EAAElB,YAAY,CAACC,IAAI;EAAE,EAAE,CACvD,CACP,CAAC,eACdT,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACoB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBtB,KAAA,CAAAmB,aAAA,CAAChB,cAAc;IAACY,IAAI,EAAE;EAAkB,gBACpCf,KAAA,CAAAmB,aAAA,CAACjB,KAAK,EAAAqB,MAAA,CAAAC,MAAA;IAACC,KAAK,EAAE;EAAO,GAAKP,QAAQ,CAAG,CACzB,CACP,CACf,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Grid","Input","UnsetOnUnmount","useBind","useForm","validation","pagePathFromTitle","generatePath","form","getValue","titlePath","setValue","StaticPageForm","titleBind","name","validators","create","pathBind","createElement","Fragment","Column","span","Object","assign","label","onBlur"],"sources":["StaticPageForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport type { FormAPI } from \"@webiny/form\";\nimport { UnsetOnUnmount, useBind, useForm } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { pagePathFromTitle } from \"~/shared/pagePathFromTitle.js\";\n\nconst generatePath = (form: FormAPI) => () => {\n    if (form.getValue(\"properties.path\")) {\n        return;\n    }\n    const titlePath = pagePathFromTitle(form.getValue(\"properties.title\")) ?? \"\";\n    form.setValue(\"properties.path\", `/${titlePath}`);\n};\n\nexport const StaticPageForm = () => {\n    const form = useForm();\n    const titleBind = useBind({\n        name: \"properties.title\",\n        validators: [validation.create(\"required\")]\n    });\n    const pathBind = useBind({\n        name: \"properties.path\",\n        validators: [validation.create(\"required\")]\n    });\n\n    return (\n        <>\n            <Grid.Column span={12}>\n                <UnsetOnUnmount name={\"properties.title\"}>\n                    <Input label={\"Title\"} {...titleBind} onBlur={generatePath(form)} />\n                </UnsetOnUnmount>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <UnsetOnUnmount name={\"properties.path\"}>\n                    <Input label={\"Path\"} {...pathBind} />\n                </UnsetOnUnmount>\n            </Grid.Column>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAE9C,SAASC,cAAc,EAAEC,OAAO,EAAEC,OAAO,QAAQ,cAAc;AAC/D,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,iBAAiB;AAE1B,MAAMC,YAAY,GAAIC,IAAa,IAAK,MAAM;EAC1C,IAAIA,IAAI,CAACC,QAAQ,CAAC,iBAAiB,CAAC,EAAE;IAClC;EACJ;EACA,MAAMC,SAAS,GAAGJ,iBAAiB,CAACE,IAAI,CAACC,QAAQ,CAAC,kBAAkB,CAAC,CAAC,IAAI,EAAE;EAC5ED,IAAI,CAACG,QAAQ,CAAC,iBAAiB,EAAE,IAAID,SAAS,EAAE,CAAC;AACrD,CAAC;AAED,OAAO,MAAME,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMJ,IAAI,GAAGJ,OAAO,CAAC,CAAC;EACtB,MAAMS,SAAS,GAAGV,OAAO,CAAC;IACtBW,IAAI,EAAE,kBAAkB;IACxBC,UAAU,EAAE,CAACV,UAAU,CAACW,MAAM,CAAC,UAAU,CAAC;EAC9C,CAAC,CAAC;EACF,MAAMC,QAAQ,GAAGd,OAAO,CAAC;IACrBW,IAAI,EAAE,iBAAiB;IACvBC,UAAU,EAAE,CAACV,UAAU,CAACW,MAAM,CAAC,UAAU,CAAC;EAC9C,CAAC,CAAC;EAEF,oBACIjB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,QAAA,qBACIpB,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACoB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBtB,KAAA,CAAAmB,aAAA,CAAChB,cAAc;IAACY,IAAI,EAAE;EAAmB,gBACrCf,KAAA,CAAAmB,aAAA,CAACjB,KAAK,EAAAqB,MAAA,CAAAC,MAAA;IAACC,KAAK,EAAE;EAAQ,GAAKX,SAAS;IAAEY,MAAM,EAAElB,YAAY,CAACC,IAAI;EAAE,EAAE,CACvD,CACP,CAAC,eACdT,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACoB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBtB,KAAA,CAAAmB,aAAA,CAAChB,cAAc;IAACY,IAAI,EAAE;EAAkB,gBACpCf,KAAA,CAAAmB,aAAA,CAACjB,KAAK,EAAAqB,MAAA,CAAAC,MAAA;IAACC,KAAK,EAAE;EAAO,GAAKP,QAAQ,CAAG,CACzB,CACP,CACf,CAAC;AAEX,CAAC","ignoreList":[]}

package/modules/pages/PagesList/components/Main/Main.js

@@ -1,5 +1,5 @@
 import React, { useCallback } from "react";
-import debounce from "lodash/debounce";
+import debounce from "lodash/debounce.js";
 import { useCreateDialog, useGetFolderLevelPermission } from "@webiny/app-aco";
 import { Scrollbar } from "@webiny/admin-ui";
 import { useDocumentList } from "../../useDocumentList.js";
@@ -7,9 +7,9 @@ import { Header } from "../Header/index.js";
 import { BottomInfoBar } from "../BottomInfoBar/index.js";
 import { Table } from "../Table/index.js";
 import { Empty } from "../Empty/index.js";
-import { useCreatePageDialog } from "./CreatePage/CreatePage";
+import { useCreatePageDialog } from "./CreatePage/CreatePage.js";
 import { useLoadMorePages } from "../../../../../features/pages/index.js";
-import { BulkActions } from "../BulkActions";
+import { BulkActions } from "../BulkActions/index.js";
 import { Filters } from "../Filters/index.js";
 const Main = () => {
   const {
@@ -49,7 +49,7 @@ const Main = () => {
     }
   }, 200);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-h-full wby-relative wby-overflow-hidden"
+    className: "h-full relative overflow-hidden"
   }, /*#__PURE__*/React.createElement(Header, {
     title: vm.title,
     canCreateFolder: canCreateFolder(vm.folderId),
@@ -61,7 +61,7 @@ const Main = () => {
     style: {
       top: "105px"
     },
-    className: "wby-w-full wby-overflow-hidden wby-absolute wby-top-0 wby-bottom-0 wby-left-0"
+    className: "w-full overflow-hidden absolute top-0 bottom-0 left-0"
   }, /*#__PURE__*/React.createElement(BulkActions, null), /*#__PURE__*/React.createElement(Filters, null), /*#__PURE__*/React.createElement(Scrollbar, {
     "data-testid": "default-data-list",
     onScrollFrame: scrollFrame => onTableScroll({