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

package/modules/pages/PageEditor/TopBar/Settings/SimpleTags.js

@@ -17,7 +17,7 @@ const Footer = ({
   onClick
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-mt-md"
+    className: "mt-md"
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: onClick,
     text: "Add tag",
@@ -47,9 +47,9 @@ export const SimpleTags = props => {
   }) => /*#__PURE__*/React.createElement(React.Fragment, null, row(({
     index
   }) => /*#__PURE__*/React.createElement("div", {
-    className: "wby-mt-md"
+    className: "mt-md"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-start wby-gap-sm"
+    className: "flex items-start gap-sm"
   }, /*#__PURE__*/React.createElement(Bind, {
     name: `${props.bindName}.${index}`
   }, /*#__PURE__*/React.createElement(Input, {

package/modules/pages/PageEditor/TopBar/Settings/SimpleTags.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","AddIcon","DeleteIcon","Bind","useBind","Button","DynamicFieldset","FormComponentDescription","FormComponentLabel","IconButton","Input","Header","label","description","createElement","Fragment","text","Footer","onClick","className","variant","size","icon","SimpleTags","props","value","onChange","name","bindName","defaultValue","onAdd","actions","header","footer","row","empty","index","remove","add"],"sources":["SimpleTags.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { Bind, useBind } from \"@webiny/form\";\nimport {\n    Button,\n    DynamicFieldset,\n    FormComponentDescription,\n    FormComponentLabel,\n    IconButton,\n    Input\n} from \"@webiny/admin-ui\";\n\ninterface HeaderProps {\n    label: string;\n    description: string;\n}\n\nconst Header = ({ label, description }: HeaderProps) => {\n    return (\n        <>\n            <FormComponentLabel text={label} />\n            <FormComponentDescription text={description} />\n        </>\n    );\n};\n\ninterface FooterProps {\n    onClick: () => void;\n}\n\nconst Footer = ({ onClick }: FooterProps) => {\n    return (\n        <div className={\"wby-mt-md\"}>\n            <Button\n                onClick={onClick}\n                text=\"Add tag\"\n                variant={\"secondary\"}\n                size={\"sm\"}\n                icon={<AddIcon />}\n            />\n        </div>\n    );\n};\n\nexport interface MetaTagsProps {\n    bindName: string;\n    label: string;\n    description: string;\n}\n\nexport const SimpleTags = (props: MetaTagsProps) => {\n    const { value, onChange } = useBind({ name: props.bindName, defaultValue: [] });\n\n    return (\n        <DynamicFieldset value={value} onChange={onChange} onAdd={() => \"\"}>\n            {({ actions, header, footer, row, empty }) => (\n                <>\n                    {row(({ index }) => (\n                        <div className={\"wby-mt-md\"}>\n                            <div className={\"wby-flex wby-items-start wby-gap-sm\"}>\n                                <Bind name={`${props.bindName}.${index}`}>\n                                    <Input size={\"lg\"} />\n                                </Bind>\n                                <IconButton\n                                    variant={\"ghost\"}\n                                    size={\"lg\"}\n                                    icon={<DeleteIcon />}\n                                    onClick={actions.remove(index)}\n                                />\n                            </div>\n                        </div>\n                    ))}\n                    {footer(() => (\n                        <Footer onClick={actions.add()} />\n                    ))}\n                    {header(() => (\n                        <Header label={props.label} description={props.description} />\n                    ))}\n                    {empty(() => (\n                        <>\n                            <Header label={props.label} description={props.description} />\n                            <Footer onClick={actions.add()} />\n                        </>\n                    ))}\n                </>\n            )}\n        </DynamicFieldset>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","AddIcon","DeleteIcon","Bind","useBind","Button","DynamicFieldset","FormComponentDescription","FormComponentLabel","IconButton","Input","Header","label","description","createElement","Fragment","text","Footer","onClick","className","variant","size","icon","SimpleTags","props","value","onChange","name","bindName","defaultValue","onAdd","actions","header","footer","row","empty","index","remove","add"],"sources":["SimpleTags.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { Bind, useBind } from \"@webiny/form\";\nimport {\n    Button,\n    DynamicFieldset,\n    FormComponentDescription,\n    FormComponentLabel,\n    IconButton,\n    Input\n} from \"@webiny/admin-ui\";\n\ninterface HeaderProps {\n    label: string;\n    description: string;\n}\n\nconst Header = ({ label, description }: HeaderProps) => {\n    return (\n        <>\n            <FormComponentLabel text={label} />\n            <FormComponentDescription text={description} />\n        </>\n    );\n};\n\ninterface FooterProps {\n    onClick: () => void;\n}\n\nconst Footer = ({ onClick }: FooterProps) => {\n    return (\n        <div className={\"mt-md\"}>\n            <Button\n                onClick={onClick}\n                text=\"Add tag\"\n                variant={\"secondary\"}\n                size={\"sm\"}\n                icon={<AddIcon />}\n            />\n        </div>\n    );\n};\n\nexport interface MetaTagsProps {\n    bindName: string;\n    label: string;\n    description: string;\n}\n\nexport const SimpleTags = (props: MetaTagsProps) => {\n    const { value, onChange } = useBind({ name: props.bindName, defaultValue: [] });\n\n    return (\n        <DynamicFieldset value={value} onChange={onChange} onAdd={() => \"\"}>\n            {({ actions, header, footer, row, empty }) => (\n                <>\n                    {row(({ index }) => (\n                        <div className={\"mt-md\"}>\n                            <div className={\"flex items-start gap-sm\"}>\n                                <Bind name={`${props.bindName}.${index}`}>\n                                    <Input size={\"lg\"} />\n                                </Bind>\n                                <IconButton\n                                    variant={\"ghost\"}\n                                    size={\"lg\"}\n                                    icon={<DeleteIcon />}\n                                    onClick={actions.remove(index)}\n                                />\n                            </div>\n                        </div>\n                    ))}\n                    {footer(() => (\n                        <Footer onClick={actions.add()} />\n                    ))}\n                    {header(() => (\n                        <Header label={props.label} description={props.description} />\n                    ))}\n                    {empty(() => (\n                        <>\n                            <Header label={props.label} description={props.description} />\n                            <Footer onClick={actions.add()} />\n                        </>\n                    ))}\n                </>\n            )}\n        </DynamicFieldset>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/SettingsButton.js

@@ -3,8 +3,8 @@ import { toJS, observable } from "mobx";
 import { IconButton } from "@webiny/admin-ui";
 import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
 import { useDialogs } from "@webiny/app-admin";
-import { SettingsDialogBody } from "./Settings/SettingsDialogBody";
-import { useDocumentEditor } from "../../../../DocumentEditor";
+import { SettingsDialogBody } from "./Settings/SettingsDialogBody.js";
+import { useDocumentEditor } from "../../../../DocumentEditor/index.js";
 export const SettingsButton = () => {
   const dialogs = useDialogs();
   const editor = useDocumentEditor();
@@ -31,7 +31,7 @@ export const SettingsButton = () => {
     });
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-gap-x-sm"
+    className: "flex gap-x-sm"
   }, /*#__PURE__*/React.createElement(IconButton, {
     variant: "secondary",
     icon: /*#__PURE__*/React.createElement(SettingsIcon, null),

package/modules/pages/PageEditor/TopBar/SettingsButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","toJS","observable","IconButton","ReactComponent","SettingsIcon","useDialogs","SettingsDialogBody","useDocumentEditor","SettingsButton","dialogs","editor","showDialog","title","description","dismissible","acceptLabel","formData","properties","getDocumentState","read","metadata","structuredClone","content","createElement","onAccept","data","updateDocument","document","className","variant","icon","onClick"],"sources":["SettingsButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { toJS, observable } from \"mobx\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { SettingsDialogBody } from \"./Settings/SettingsDialogBody\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\n\nexport const SettingsButton = () => {\n    const dialogs = useDialogs();\n    const editor = useDocumentEditor();\n\n    const showDialog = () => {\n        dialogs.showDialog({\n            title: \"Page Settings\",\n            description: \"Configure your page settings, SEO and Social metadata.\",\n            dismissible: false,\n            acceptLabel: \"Save Settings\",\n            formData: async () => {\n                const formData = {\n                    properties: editor.getDocumentState().read().properties,\n                    metadata: editor.getDocumentState().read().metadata\n                };\n                return structuredClone(toJS(formData));\n            },\n            content: <SettingsDialogBody />,\n            onAccept: data => {\n                editor.updateDocument(document => {\n                    document.properties = observable(data.properties);\n                    document.metadata = observable(data.metadata);\n                });\n            }\n        });\n    };\n\n    return (\n        <div className={\"wby-flex wby-gap-x-sm\"}>\n            <IconButton\n                variant=\"secondary\"\n                icon={<SettingsIcon />}\n                onClick={showDialog}\n            ></IconButton>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,MAAM;AACvC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,YAAY,QAAQ,4BAA4B;AAC3E,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMC,OAAO,GAAGJ,UAAU,CAAC,CAAC;EAC5B,MAAMK,MAAM,GAAGH,iBAAiB,CAAC,CAAC;EAElC,MAAMI,UAAU,GAAGA,CAAA,KAAM;IACrBF,OAAO,CAACE,UAAU,CAAC;MACfC,KAAK,EAAE,eAAe;MACtBC,WAAW,EAAE,wDAAwD;MACrEC,WAAW,EAAE,KAAK;MAClBC,WAAW,EAAE,eAAe;MAC5BC,QAAQ,EAAE,MAAAA,CAAA,KAAY;QAClB,MAAMA,QAAQ,GAAG;UACbC,UAAU,EAAEP,MAAM,CAACQ,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACF,UAAU;UACvDG,QAAQ,EAAEV,MAAM,CAACQ,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACC;QAC/C,CAAC;QACD,OAAOC,eAAe,CAACrB,IAAI,CAACgB,QAAQ,CAAC,CAAC;MAC1C,CAAC;MACDM,OAAO,eAAEvB,KAAA,CAAAwB,aAAA,CAACjB,kBAAkB,MAAE,CAAC;MAC/BkB,QAAQ,EAAEC,IAAI,IAAI;QACdf,MAAM,CAACgB,cAAc,CAACC,QAAQ,IAAI;UAC9BA,QAAQ,CAACV,UAAU,GAAGhB,UAAU,CAACwB,IAAI,CAACR,UAAU,CAAC;UACjDU,QAAQ,CAACP,QAAQ,GAAGnB,UAAU,CAACwB,IAAI,CAACL,QAAQ,CAAC;QACjD,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACIrB,KAAA,CAAAwB,aAAA;IAAKK,SAAS,EAAE;EAAwB,gBACpC7B,KAAA,CAAAwB,aAAA,CAACrB,UAAU;IACP2B,OAAO,EAAC,WAAW;IACnBC,IAAI,eAAE/B,KAAA,CAAAwB,aAAA,CAACnB,YAAY,MAAE,CAAE;IACvB2B,OAAO,EAAEpB;EAAW,CACX,CACZ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","toJS","observable","IconButton","ReactComponent","SettingsIcon","useDialogs","SettingsDialogBody","useDocumentEditor","SettingsButton","dialogs","editor","showDialog","title","description","dismissible","acceptLabel","formData","properties","getDocumentState","read","metadata","structuredClone","content","createElement","onAccept","data","updateDocument","document","className","variant","icon","onClick"],"sources":["SettingsButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { toJS, observable } from \"mobx\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { SettingsDialogBody } from \"./Settings/SettingsDialogBody.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\n\nexport const SettingsButton = () => {\n    const dialogs = useDialogs();\n    const editor = useDocumentEditor();\n\n    const showDialog = () => {\n        dialogs.showDialog({\n            title: \"Page Settings\",\n            description: \"Configure your page settings, SEO and Social metadata.\",\n            dismissible: false,\n            acceptLabel: \"Save Settings\",\n            formData: async () => {\n                const formData = {\n                    properties: editor.getDocumentState().read().properties,\n                    metadata: editor.getDocumentState().read().metadata\n                };\n                return structuredClone(toJS(formData));\n            },\n            content: <SettingsDialogBody />,\n            onAccept: data => {\n                editor.updateDocument(document => {\n                    document.properties = observable(data.properties);\n                    document.metadata = observable(data.metadata);\n                });\n            }\n        });\n    };\n\n    return (\n        <div className={\"flex gap-x-sm\"}>\n            <IconButton\n                variant=\"secondary\"\n                icon={<SettingsIcon />}\n                onClick={showDialog}\n            ></IconButton>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,MAAM;AACvC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,YAAY,QAAQ,4BAA4B;AAC3E,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMC,OAAO,GAAGJ,UAAU,CAAC,CAAC;EAC5B,MAAMK,MAAM,GAAGH,iBAAiB,CAAC,CAAC;EAElC,MAAMI,UAAU,GAAGA,CAAA,KAAM;IACrBF,OAAO,CAACE,UAAU,CAAC;MACfC,KAAK,EAAE,eAAe;MACtBC,WAAW,EAAE,wDAAwD;MACrEC,WAAW,EAAE,KAAK;MAClBC,WAAW,EAAE,eAAe;MAC5BC,QAAQ,EAAE,MAAAA,CAAA,KAAY;QAClB,MAAMA,QAAQ,GAAG;UACbC,UAAU,EAAEP,MAAM,CAACQ,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACF,UAAU;UACvDG,QAAQ,EAAEV,MAAM,CAACQ,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAACC;QAC/C,CAAC;QACD,OAAOC,eAAe,CAACrB,IAAI,CAACgB,QAAQ,CAAC,CAAC;MAC1C,CAAC;MACDM,OAAO,eAAEvB,KAAA,CAAAwB,aAAA,CAACjB,kBAAkB,MAAE,CAAC;MAC/BkB,QAAQ,EAAEC,IAAI,IAAI;QACdf,MAAM,CAACgB,cAAc,CAACC,QAAQ,IAAI;UAC9BA,QAAQ,CAACV,UAAU,GAAGhB,UAAU,CAACwB,IAAI,CAACR,UAAU,CAAC;UACjDU,QAAQ,CAACP,QAAQ,GAAGnB,UAAU,CAACwB,IAAI,CAACL,QAAQ,CAAC;QACjD,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACIrB,KAAA,CAAAwB,aAAA;IAAKK,SAAS,EAAE;EAAgB,gBAC5B7B,KAAA,CAAAwB,aAAA,CAACrB,UAAU;IACP2B,OAAO,EAAC,WAAW;IACnBC,IAAI,eAAE/B,KAAA,CAAAwB,aAAA,CAACnB,YAAY,MAAE,CAAE;IACvB2B,OAAO,EAAEpB;EAAW,CACX,CACZ,CAAC;AAEd,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Title.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useState } from "react";
 import { Input, Text } from "@webiny/admin-ui";
-import { useDocumentEditor } from "../../../../DocumentEditor";
-import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument";
+import { useDocumentEditor } from "../../../../DocumentEditor/index.js";
+import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument.js";
 export function Title() {
   const [localValue, setLocalValue] = useState();
   const [isEditing, setIsEditing] = useState(false);
@@ -25,10 +25,10 @@ export function Title() {
     setLocalValue(undefined);
   }, []);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-col"
+    className: "flex flex-col min-w-0"
   }, !isEditing ? /*#__PURE__*/React.createElement(Text, {
     onClick: () => setIsEditing(true),
-    className: "wby-cursor-pointer wby-text-accent-primary wby-font-bold wby-mx-sm",
+    className: "cursor-pointer text-accent-primary font-bold mx-sm truncate",
     size: "lg"
   }, title) : null, isEditing ? /*#__PURE__*/React.createElement(Input, {
     autoFocus: true,

package/modules/pages/PageEditor/TopBar/Title.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","Input","Text","useDocumentEditor","useSelectFromDocument","Title","localValue","setLocalValue","isEditing","setIsEditing","editor","title","document","properties","commitValue","value","updateDocument","undefined","cancelEditing","createElement","className","onClick","size","autoFocus","autoSelect","variant","onChange","onBlur","e","currentTarget","onEnter","onEscape"],"sources":["Title.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Input, Text } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument\";\n\nexport function Title() {\n    const [localValue, setLocalValue] = useState<string | undefined>();\n    const [isEditing, setIsEditing] = useState<boolean>(false);\n\n    const editor = useDocumentEditor();\n\n    const { title } = useSelectFromDocument(document => {\n        return {\n            title: document.properties.title ?? \"Untitled\"\n        };\n    });\n\n    const commitValue = useCallback((value: string) => {\n        editor.updateDocument(document => {\n            document.properties.title = value;\n        });\n        setLocalValue(undefined);\n        setIsEditing(false);\n    }, []);\n\n    const cancelEditing = useCallback(() => {\n        setIsEditing(false);\n        setLocalValue(undefined);\n    }, []);\n\n    return (\n        <div className={\"wby-flex wby-flex-col\"}>\n            {!isEditing ? (\n                <Text\n                    onClick={() => setIsEditing(true)}\n                    className={\"wby-cursor-pointer wby-text-accent-primary wby-font-bold wby-mx-sm\"}\n                    size={\"lg\"}\n                >\n                    {title}\n                </Text>\n            ) : null}\n            {isEditing ? (\n                <Input\n                    autoFocus\n                    autoSelect\n                    size={\"md\"}\n                    variant={\"secondary\"}\n                    value={localValue ?? title}\n                    onChange={setLocalValue}\n                    onBlur={e => commitValue(e.currentTarget.value)}\n                    onEnter={e => commitValue(e.currentTarget.value)}\n                    onEscape={cancelEditing}\n                />\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AAC9C,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAE9B,OAAO,SAASC,KAAKA,CAAA,EAAG;EACpB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGP,QAAQ,CAAqB,CAAC;EAClE,MAAM,CAACQ,SAAS,EAAEC,YAAY,CAAC,GAAGT,QAAQ,CAAU,KAAK,CAAC;EAE1D,MAAMU,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAElC,MAAM;IAAEQ;EAAM,CAAC,GAAGP,qBAAqB,CAACQ,QAAQ,IAAI;IAChD,OAAO;MACHD,KAAK,EAAEC,QAAQ,CAACC,UAAU,CAACF,KAAK,IAAI;IACxC,CAAC;EACL,CAAC,CAAC;EAEF,MAAMG,WAAW,GAAGf,WAAW,CAAEgB,KAAa,IAAK;IAC/CL,MAAM,CAACM,cAAc,CAACJ,QAAQ,IAAI;MAC9BA,QAAQ,CAACC,UAAU,CAACF,KAAK,GAAGI,KAAK;IACrC,CAAC,CAAC;IACFR,aAAa,CAACU,SAAS,CAAC;IACxBR,YAAY,CAAC,KAAK,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMS,aAAa,GAAGnB,WAAW,CAAC,MAAM;IACpCU,YAAY,CAAC,KAAK,CAAC;IACnBF,aAAa,CAACU,SAAS,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACInB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAwB,GACnC,CAACZ,SAAS,gBACPV,KAAA,CAAAqB,aAAA,CAACjB,IAAI;IACDmB,OAAO,EAAEA,CAAA,KAAMZ,YAAY,CAAC,IAAI,CAAE;IAClCW,SAAS,EAAE,oEAAqE;IAChFE,IAAI,EAAE;EAAK,GAEVX,KACC,CAAC,GACP,IAAI,EACPH,SAAS,gBACNV,KAAA,CAAAqB,aAAA,CAAClB,KAAK;IACFsB,SAAS;IACTC,UAAU;IACVF,IAAI,EAAE,IAAK;IACXG,OAAO,EAAE,WAAY;IACrBV,KAAK,EAAET,UAAU,IAAIK,KAAM;IAC3Be,QAAQ,EAAEnB,aAAc;IACxBoB,MAAM,EAAEC,CAAC,IAAId,WAAW,CAACc,CAAC,CAACC,aAAa,CAACd,KAAK,CAAE;IAChDe,OAAO,EAAEF,CAAC,IAAId,WAAW,CAACc,CAAC,CAACC,aAAa,CAACd,KAAK,CAAE;IACjDgB,QAAQ,EAAEb;EAAc,CAC3B,CAAC,GACF,IACH,CAAC;AAEd","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","Input","Text","useDocumentEditor","useSelectFromDocument","Title","localValue","setLocalValue","isEditing","setIsEditing","editor","title","document","properties","commitValue","value","updateDocument","undefined","cancelEditing","createElement","className","onClick","size","autoFocus","autoSelect","variant","onChange","onBlur","e","currentTarget","onEnter","onEscape"],"sources":["Title.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Input, Text } from \"@webiny/admin-ui\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\n\nexport function Title() {\n    const [localValue, setLocalValue] = useState<string | undefined>();\n    const [isEditing, setIsEditing] = useState<boolean>(false);\n\n    const editor = useDocumentEditor();\n\n    const { title } = useSelectFromDocument(document => {\n        return {\n            title: document.properties.title ?? \"Untitled\"\n        };\n    });\n\n    const commitValue = useCallback((value: string) => {\n        editor.updateDocument(document => {\n            document.properties.title = value;\n        });\n        setLocalValue(undefined);\n        setIsEditing(false);\n    }, []);\n\n    const cancelEditing = useCallback(() => {\n        setIsEditing(false);\n        setLocalValue(undefined);\n    }, []);\n\n    return (\n        <div className={\"flex flex-col min-w-0\"}>\n            {!isEditing ? (\n                <Text\n                    onClick={() => setIsEditing(true)}\n                    className={\"cursor-pointer text-accent-primary font-bold mx-sm truncate\"}\n                    size={\"lg\"}\n                >\n                    {title}\n                </Text>\n            ) : null}\n            {isEditing ? (\n                <Input\n                    autoFocus\n                    autoSelect\n                    size={\"md\"}\n                    variant={\"secondary\"}\n                    value={localValue ?? title}\n                    onChange={setLocalValue}\n                    onBlur={e => commitValue(e.currentTarget.value)}\n                    onEnter={e => commitValue(e.currentTarget.value)}\n                    onEscape={cancelEditing}\n                />\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AAC9C,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAE9B,OAAO,SAASC,KAAKA,CAAA,EAAG;EACpB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGP,QAAQ,CAAqB,CAAC;EAClE,MAAM,CAACQ,SAAS,EAAEC,YAAY,CAAC,GAAGT,QAAQ,CAAU,KAAK,CAAC;EAE1D,MAAMU,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAElC,MAAM;IAAEQ;EAAM,CAAC,GAAGP,qBAAqB,CAACQ,QAAQ,IAAI;IAChD,OAAO;MACHD,KAAK,EAAEC,QAAQ,CAACC,UAAU,CAACF,KAAK,IAAI;IACxC,CAAC;EACL,CAAC,CAAC;EAEF,MAAMG,WAAW,GAAGf,WAAW,CAAEgB,KAAa,IAAK;IAC/CL,MAAM,CAACM,cAAc,CAACJ,QAAQ,IAAI;MAC9BA,QAAQ,CAACC,UAAU,CAACF,KAAK,GAAGI,KAAK;IACrC,CAAC,CAAC;IACFR,aAAa,CAACU,SAAS,CAAC;IACxBR,YAAY,CAAC,KAAK,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMS,aAAa,GAAGnB,WAAW,CAAC,MAAM;IACpCU,YAAY,CAAC,KAAK,CAAC;IACnBF,aAAa,CAACU,SAAS,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACInB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAwB,GACnC,CAACZ,SAAS,gBACPV,KAAA,CAAAqB,aAAA,CAACjB,IAAI;IACDmB,OAAO,EAAEA,CAAA,KAAMZ,YAAY,CAAC,IAAI,CAAE;IAClCW,SAAS,EAAE,6DAA8D;IACzEE,IAAI,EAAE;EAAK,GAEVX,KACC,CAAC,GACP,IAAI,EACPH,SAAS,gBACNV,KAAA,CAAAqB,aAAA,CAAClB,KAAK;IACFsB,SAAS;IACTC,UAAU;IACVF,IAAI,EAAE,IAAK;IACXG,OAAO,EAAE,WAAY;IACrBV,KAAK,EAAET,UAAU,IAAIK,KAAM;IAC3Be,QAAQ,EAAEnB,aAAc;IACxBoB,MAAM,EAAEC,CAAC,IAAId,WAAW,CAACc,CAAC,CAACC,aAAa,CAACd,KAAK,CAAE;IAChDe,OAAO,EAAEF,CAAC,IAAId,WAAW,CAACc,CAAC,CAACC,aAAa,CAACd,KAAK,CAAE;IACjDgB,QAAQ,EAAEb;EAAc,CAC3B,CAAC,GACF,IACH,CAAC;AAEd","ignoreList":[]}

package/modules/pages/PageEditor.js

@@ -1,15 +1,17 @@
 import React, { useEffect, useState } from "react";
-import { useRouter } from "@webiny/react-router";
+import { useRoute, useRouter } from "@webiny/app-admin";
 import { DocumentEditor } from "../../DocumentEditor/DocumentEditor.js";
-import { useCreatePageRevisionFrom, useGetPage } from "../../features/pages";
+import { useCreatePageRevisionFrom, useGetPage } from "../../features/pages/index.js";
 import { OverlayLoader } from "@webiny/admin-ui";
-import { useGetWebsiteBuilderSettings } from "../../features";
-import { DefaultPageEditorConfig } from "./PageEditor/DefaultPageEditorConfig";
-import { DefaultEditorConfig } from "../../BaseEditor";
-import { EDITOR_NAME } from "./constants";
-import { WB_PAGE_EDITOR_ROUTE, WbPageStatus } from "../../constants";
+import { useGetWebsiteBuilderSettings } from "../../features/index.js";
+import { DefaultPageEditorConfig } from "./PageEditor/DefaultPageEditorConfig.js";
+import { DefaultEditorConfig } from "../../BaseEditor/index.js";
+import { EDITOR_NAME } from "./constants.js";
+import { WbPageStatus } from "../../constants.js";
+import { Routes } from "../../routes.js";
 const getPageDataFromPage = page => {
   return {
+    ...page,
     id: page.id,
     version: page.version,
     status: page.status,
@@ -28,9 +30,11 @@ export const PageEditor = () => {
   const [loading, setLoading] = useState(true);
   const [page, setPage] = useState(null);
   const {
-    history,
-    params
+    goToRoute
   } = useRouter();
+  const {
+    route
+  } = useRoute(Routes.Pages.Editor);
   const {
     getPage
   } = useGetPage();
@@ -40,7 +44,7 @@ export const PageEditor = () => {
   useEffect(() => {
     setLoading(true);
     Promise.all([getSettings(), getPage({
-      id: params.id
+      id: route.params.id
     }).then(page => {
       if (page.status === WbPageStatus.Draft) {
         setPage(getPageDataFromPage(page));
@@ -49,14 +53,15 @@ export const PageEditor = () => {
       return createPageRevisionFrom({
         id: page.id
       }).then(page => {
-        const encodedPageId = encodeURIComponent(page.id);
-        const encodedFolderId = encodeURIComponent(page.location.folderId);
-        history.push(`${WB_PAGE_EDITOR_ROUTE}/${encodedPageId}?folderId=${encodedFolderId}`);
+        goToRoute(Routes.Pages.Editor, {
+          id: page.id,
+          folderId: page.location.folderId
+        });
       });
     })]).then(() => {
       setLoading(false);
     });
-  }, [params.id]);
+  }, [route.params.id]);
   if (loading || !page) {
     return /*#__PURE__*/React.createElement(OverlayLoader, {
       text: "Loading page..."

package/modules/pages/PageEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","useRouter","DocumentEditor","useCreatePageRevisionFrom","useGetPage","OverlayLoader","useGetWebsiteBuilderSettings","DefaultPageEditorConfig","DefaultEditorConfig","EDITOR_NAME","WB_PAGE_EDITOR_ROUTE","WbPageStatus","getPageDataFromPage","page","id","version","status","location","properties","bindings","elements","metadata","state","PageEditor","getSettings","loading","setLoading","setPage","history","params","getPage","createPageRevisionFrom","Promise","all","then","Draft","encodedPageId","encodeURIComponent","encodedFolderId","folderId","push","createElement","text","key","document","name"],"sources":["PageEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { DocumentEditor } from \"~/DocumentEditor/DocumentEditor.js\";\nimport { useCreatePageRevisionFrom, useGetPage } from \"~/features/pages\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { useGetWebsiteBuilderSettings } from \"~/features\";\nimport { DefaultPageEditorConfig } from \"./PageEditor/DefaultPageEditorConfig\";\nimport { DefaultEditorConfig } from \"~/BaseEditor\";\nimport { EDITOR_NAME } from \"~/modules/pages/constants\";\nimport { WB_PAGE_EDITOR_ROUTE, WbPageStatus } from \"~/constants\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport type { Page } from \"~/domain/Page\";\n\nconst getPageDataFromPage = (page: Page): EditorPage => {\n    return {\n        id: page.id,\n        version: page.version,\n        status: page.status,\n        location: page.location,\n        properties: page.properties as EditorPage[\"properties\"],\n        bindings: page.bindings,\n        elements: page.elements,\n        metadata: page.metadata,\n        state: {}\n    };\n};\n\nexport const PageEditor = () => {\n    const { getSettings } = useGetWebsiteBuilderSettings();\n    const [loading, setLoading] = useState(true);\n    const [page, setPage] = useState<EditorPage | null>(null);\n\n    const { history, params } = useRouter();\n    const { getPage } = useGetPage();\n    const { createPageRevisionFrom } = useCreatePageRevisionFrom();\n\n    useEffect(() => {\n        setLoading(true);\n        Promise.all([\n            getSettings(),\n            getPage({ id: params.id }).then(page => {\n                if (page.status === WbPageStatus.Draft) {\n                    setPage(getPageDataFromPage(page));\n\n                    return;\n                }\n\n                return createPageRevisionFrom({ id: page.id }).then(page => {\n                    const encodedPageId = encodeURIComponent(page.id);\n                    const encodedFolderId = encodeURIComponent(page.location.folderId);\n                    history.push(\n                        `${WB_PAGE_EDITOR_ROUTE}/${encodedPageId}?folderId=${encodedFolderId}`\n                    );\n                });\n            })\n        ]).then(() => {\n            setLoading(false);\n        });\n    }, [params.id]);\n\n    if (loading || !page) {\n        return <OverlayLoader text={\"Loading page...\"} />;\n    }\n\n    return (\n        <DocumentEditor<EditorPage> key={page.id} document={page} name={EDITOR_NAME}>\n            <DefaultEditorConfig />\n            <DefaultPageEditorConfig />\n        </DocumentEditor>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","useRoute","useRouter","DocumentEditor","useCreatePageRevisionFrom","useGetPage","OverlayLoader","useGetWebsiteBuilderSettings","DefaultPageEditorConfig","DefaultEditorConfig","EDITOR_NAME","WbPageStatus","Routes","getPageDataFromPage","page","id","version","status","location","properties","bindings","elements","metadata","state","PageEditor","getSettings","loading","setLoading","setPage","goToRoute","route","Pages","Editor","getPage","createPageRevisionFrom","Promise","all","params","then","Draft","folderId","createElement","text","key","document","name"],"sources":["PageEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useRoute, useRouter } from \"@webiny/app-admin\";\nimport { DocumentEditor } from \"~/DocumentEditor/DocumentEditor.js\";\nimport { useCreatePageRevisionFrom, useGetPage } from \"~/features/pages/index.js\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { useGetWebsiteBuilderSettings } from \"~/features/index.js\";\nimport { DefaultPageEditorConfig } from \"./PageEditor/DefaultPageEditorConfig.js\";\nimport { DefaultEditorConfig } from \"~/BaseEditor/index.js\";\nimport { EDITOR_NAME } from \"~/modules/pages/constants.js\";\nimport { WbPageStatus } from \"~/constants.js\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport type { Page } from \"~/domain/Page/index.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst getPageDataFromPage = (page: Page): EditorPage => {\n    return {\n        ...page,\n        id: page.id,\n        version: page.version,\n        status: page.status,\n        location: page.location,\n        properties: page.properties as EditorPage[\"properties\"],\n        bindings: page.bindings,\n        elements: page.elements,\n        metadata: page.metadata,\n        state: {}\n    };\n};\n\nexport const PageEditor = () => {\n    const { getSettings } = useGetWebsiteBuilderSettings();\n    const [loading, setLoading] = useState(true);\n    const [page, setPage] = useState<EditorPage | null>(null);\n\n    const { goToRoute } = useRouter();\n    const { route } = useRoute(Routes.Pages.Editor);\n\n    const { getPage } = useGetPage();\n    const { createPageRevisionFrom } = useCreatePageRevisionFrom();\n\n    useEffect(() => {\n        setLoading(true);\n        Promise.all([\n            getSettings(),\n            getPage({ id: route.params.id }).then(page => {\n                if (page.status === WbPageStatus.Draft) {\n                    setPage(getPageDataFromPage(page));\n                    return;\n                }\n\n                return createPageRevisionFrom({ id: page.id }).then(page => {\n                    goToRoute(Routes.Pages.Editor, {\n                        id: page.id,\n                        folderId: page.location.folderId\n                    });\n                });\n            })\n        ]).then(() => {\n            setLoading(false);\n        });\n    }, [route.params.id]);\n\n    if (loading || !page) {\n        return <OverlayLoader text={\"Loading page...\"} />;\n    }\n\n    return (\n        <DocumentEditor<EditorPage> key={page.id} document={page} name={EDITOR_NAME}>\n            <DefaultEditorConfig />\n            <DefaultPageEditorConfig />\n        </DocumentEditor>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageList.js

@@ -1,20 +1,34 @@
 import React from "react";
-import { CompositionScope, DialogsProvider } from "@webiny/app-admin";
-import { AcoWithConfig } from "@webiny/app-aco";
-import { PagesList } from "./PagesList/PagesList.js";
-import { AdminLayout } from "@webiny/app-admin/components/AdminLayout.js";
+import { useRoute, useRouter, AdminLayout, DialogsProvider } from "@webiny/app-admin";
+import { NavigateFolderProvider } from "@webiny/app-aco";
 import { FoldersProvider } from "@webiny/app-aco/contexts/folders.js";
+import { PagesList } from "./PagesList/PagesList.js";
 import { WB_PAGE_APP } from "../../constants.js";
-import { NavigateFolderProvider } from "./PagesList/NavigateFolderProvider";
 import { PageListWithConfig } from "./configs/index.js";
+import { WB_PAGE_LATEST_VISITED_FOLDER } from "../../constants.js";
+import { Routes } from "../../routes.js";
+const createStorageKey = () => {
+  return WB_PAGE_LATEST_VISITED_FOLDER;
+};
 export const PageList = () => {
-  return /*#__PURE__*/React.createElement(CompositionScope, {
-    name: "wbPage"
-  }, /*#__PURE__*/React.createElement(AdminLayout, {
+  const router = useRouter();
+  const {
+    route
+  } = useRoute(Routes.Pages.List);
+  const navigateToFolder = folderId => {
+    router.goToRoute(Routes.Pages.List, {
+      folderId
+    });
+  };
+  return /*#__PURE__*/React.createElement(AdminLayout, {
     title: "Pages - Website Builder"
-  }, /*#__PURE__*/React.createElement(PageListWithConfig, null, /*#__PURE__*/React.createElement(AcoWithConfig, null, /*#__PURE__*/React.createElement(FoldersProvider, {
+  }, /*#__PURE__*/React.createElement(PageListWithConfig, null, /*#__PURE__*/React.createElement(FoldersProvider, {
     type: WB_PAGE_APP
-  }, /*#__PURE__*/React.createElement(NavigateFolderProvider, null, /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(PagesList, null))))))));
+  }, /*#__PURE__*/React.createElement(NavigateFolderProvider, {
+    folderId: route.params.folderId,
+    createStorageKey: createStorageKey,
+    navigateToFolder: navigateToFolder
+  }, /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(PagesList, null))))));
 };
 
 //# sourceMappingURL=PageList.js.map

package/modules/pages/PageList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CompositionScope","DialogsProvider","AcoWithConfig","PagesList","AdminLayout","FoldersProvider","WB_PAGE_APP","NavigateFolderProvider","PageListWithConfig","PageList","createElement","name","title","type"],"sources":["PageList.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope, DialogsProvider } from \"@webiny/app-admin\";\nimport { AcoWithConfig } from \"@webiny/app-aco\";\nimport { PagesList } from \"./PagesList/PagesList.js\";\nimport { AdminLayout } from \"@webiny/app-admin/components/AdminLayout.js\";\nimport { FoldersProvider } from \"@webiny/app-aco/contexts/folders.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { NavigateFolderProvider } from \"~/modules/pages/PagesList/NavigateFolderProvider\";\nimport { PageListWithConfig } from \"./configs/index.js\";\n\nexport const PageList = () => {\n    return (\n        <CompositionScope name={\"wbPage\"}>\n            <AdminLayout title={\"Pages - Website Builder\"}>\n                <PageListWithConfig>\n                    <AcoWithConfig>\n                        <FoldersProvider type={WB_PAGE_APP}>\n                            <NavigateFolderProvider>\n                                <DialogsProvider>\n                                    <PagesList />\n                                </DialogsProvider>\n                            </NavigateFolderProvider>\n                        </FoldersProvider>\n                    </AcoWithConfig>\n                </PageListWithConfig>\n            </AdminLayout>\n        </CompositionScope>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,mBAAmB;AACrE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,SAAS;AAClB,SAASC,WAAW,QAAQ,6CAA6C;AACzE,SAASC,eAAe,QAAQ,qCAAqC;AACrE,SAASC,WAAW;AACpB,SAASC,sBAAsB;AAC/B,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC1B,oBACIV,KAAA,CAAAW,aAAA,CAACV,gBAAgB;IAACW,IAAI,EAAE;EAAS,gBAC7BZ,KAAA,CAAAW,aAAA,CAACN,WAAW;IAACQ,KAAK,EAAE;EAA0B,gBAC1Cb,KAAA,CAAAW,aAAA,CAACF,kBAAkB,qBACfT,KAAA,CAAAW,aAAA,CAACR,aAAa,qBACVH,KAAA,CAAAW,aAAA,CAACL,eAAe;IAACQ,IAAI,EAAEP;EAAY,gBAC/BP,KAAA,CAAAW,aAAA,CAACH,sBAAsB,qBACnBR,KAAA,CAAAW,aAAA,CAACT,eAAe,qBACZF,KAAA,CAAAW,aAAA,CAACP,SAAS,MAAE,CACC,CACG,CACX,CACN,CACC,CACX,CACC,CAAC;AAE3B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useRoute","useRouter","AdminLayout","DialogsProvider","NavigateFolderProvider","FoldersProvider","PagesList","WB_PAGE_APP","PageListWithConfig","WB_PAGE_LATEST_VISITED_FOLDER","Routes","createStorageKey","PageList","router","route","Pages","List","navigateToFolder","folderId","goToRoute","createElement","title","type","params"],"sources":["PageList.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRoute, useRouter, AdminLayout, DialogsProvider } from \"@webiny/app-admin\";\nimport { NavigateFolderProvider } from \"@webiny/app-aco\";\nimport { FoldersProvider } from \"@webiny/app-aco/contexts/folders.js\";\nimport { PagesList } from \"./PagesList/PagesList.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { PageListWithConfig } from \"./configs/index.js\";\nimport { WB_PAGE_LATEST_VISITED_FOLDER } from \"~/constants.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst createStorageKey = () => {\n    return WB_PAGE_LATEST_VISITED_FOLDER;\n};\n\nexport const PageList = () => {\n    const router = useRouter();\n    const { route } = useRoute(Routes.Pages.List);\n\n    const navigateToFolder = (folderId: string) => {\n        router.goToRoute(Routes.Pages.List, { folderId });\n    };\n\n    return (\n        <AdminLayout title={\"Pages - Website Builder\"}>\n            <PageListWithConfig>\n                <FoldersProvider type={WB_PAGE_APP}>\n                    <NavigateFolderProvider\n                        folderId={route.params.folderId}\n                        createStorageKey={createStorageKey}\n                        navigateToFolder={navigateToFolder}\n                    >\n                        <DialogsProvider>\n                            <PagesList />\n                        </DialogsProvider>\n                    </NavigateFolderProvider>\n                </FoldersProvider>\n            </PageListWithConfig>\n        </AdminLayout>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,eAAe,QAAQ,mBAAmB;AACrF,SAASC,sBAAsB,QAAQ,iBAAiB;AACxD,SAASC,eAAe,QAAQ,qCAAqC;AACrE,SAASC,SAAS;AAClB,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAC3B,SAASC,6BAA6B;AACtC,SAASC,MAAM;AAEf,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,OAAOF,6BAA6B;AACxC,CAAC;AAED,OAAO,MAAMG,QAAQ,GAAGA,CAAA,KAAM;EAC1B,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEa;EAAM,CAAC,GAAGd,QAAQ,CAACU,MAAM,CAACK,KAAK,CAACC,IAAI,CAAC;EAE7C,MAAMC,gBAAgB,GAAIC,QAAgB,IAAK;IAC3CL,MAAM,CAACM,SAAS,CAACT,MAAM,CAACK,KAAK,CAACC,IAAI,EAAE;MAAEE;IAAS,CAAC,CAAC;EACrD,CAAC;EAED,oBACInB,KAAA,CAAAqB,aAAA,CAAClB,WAAW;IAACmB,KAAK,EAAE;EAA0B,gBAC1CtB,KAAA,CAAAqB,aAAA,CAACZ,kBAAkB,qBACfT,KAAA,CAAAqB,aAAA,CAACf,eAAe;IAACiB,IAAI,EAAEf;EAAY,gBAC/BR,KAAA,CAAAqB,aAAA,CAAChB,sBAAsB;IACnBc,QAAQ,EAAEJ,KAAK,CAACS,MAAM,CAACL,QAAS;IAChCP,gBAAgB,EAAEA,gBAAiB;IACnCM,gBAAgB,EAAEA;EAAiB,gBAEnClB,KAAA,CAAAqB,aAAA,CAACjB,eAAe,qBACZJ,KAAA,CAAAqB,aAAA,CAACd,SAAS,MAAE,CACC,CACG,CACX,CACD,CACX,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PagesList/PagesList.js

@@ -2,12 +2,11 @@ import React from "react";
 import { Layout } from "./components/Layout/index.js";
 import { Main } from "./components/Main/index.js";
 import { Sidebar } from "./components/Sidebar/index.js";
-import { DocumentListPresenterProvider } from "./presenters/DocumentListPresenterContext.js";
 export const PagesList = () => {
-  return /*#__PURE__*/React.createElement(DocumentListPresenterProvider, null, /*#__PURE__*/React.createElement(Layout, {
+  return /*#__PURE__*/React.createElement(Layout, {
     main: /*#__PURE__*/React.createElement(Main, null),
     sidebar: /*#__PURE__*/React.createElement(Sidebar, null)
-  }));
+  });
 };
 
 //# sourceMappingURL=PagesList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Layout","Main","Sidebar","DocumentListPresenterProvider","PagesList","createElement","main","sidebar"],"sources":["PagesList.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/modules/pages/PagesList/components/Layout/index.js\";\nimport { Main } from \"~/modules/pages/PagesList/components/Main/index.js\";\nimport { Sidebar } from \"~/modules/pages/PagesList/components/Sidebar/index.js\";\nimport { DocumentListPresenterProvider } from \"~/modules/pages/PagesList/presenters/DocumentListPresenterContext.js\";\n\nexport const PagesList = () => {\n    return (\n        <DocumentListPresenterProvider>\n            <Layout main={<Main />} sidebar={<Sidebar />} />\n        </DocumentListPresenterProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM;AACf,SAASC,IAAI;AACb,SAASC,OAAO;AAChB,SAASC,6BAA6B;AAEtC,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,oBACIL,KAAA,CAAAM,aAAA,CAACF,6BAA6B,qBAC1BJ,KAAA,CAAAM,aAAA,CAACL,MAAM;IAACM,IAAI,eAAEP,KAAA,CAAAM,aAAA,CAACJ,IAAI,MAAE,CAAE;IAACM,OAAO,eAAER,KAAA,CAAAM,aAAA,CAACH,OAAO,MAAE;EAAE,CAAE,CACpB,CAAC;AAExC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Layout","Main","Sidebar","PagesList","createElement","main","sidebar"],"sources":["PagesList.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/modules/pages/PagesList/components/Layout/index.js\";\nimport { Main } from \"~/modules/pages/PagesList/components/Main/index.js\";\nimport { Sidebar } from \"~/modules/pages/PagesList/components/Sidebar/index.js\";\n\nexport const PagesList = () => {\n    return <Layout main={<Main />} sidebar={<Sidebar />} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM;AACf,SAASC,IAAI;AACb,SAASC,OAAO;AAEhB,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,MAAM;IAACK,IAAI,eAAEN,KAAA,CAAAK,aAAA,CAACH,IAAI,MAAE,CAAE;IAACK,OAAO,eAAEP,KAAA,CAAAK,aAAA,CAACF,OAAO,MAAE;EAAE,CAAE,CAAC;AAC3D,CAAC","ignoreList":[]}

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

@@ -1,16 +1,16 @@
 import React from "react";
 import { Separator } from "@webiny/admin-ui";
-import { ListMeta } from "./ListMeta";
-import { ListStatus } from "./ListStatus";
+import { ListMeta } from "./ListMeta.js";
+import { ListStatus } from "./ListStatus.js";
 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"
+    className: "sticky bottom-0 z-5 bg-neutral-base w-full transform translate-z-0 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"
+    className: "h-xl px-md py-sm flex items-center justify-between"
   }, /*#__PURE__*/React.createElement(ListMeta, {
     loading: vm.isLoading,
     totalCount: vm.meta.totalCount,

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

@@ -1 +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/pages/PagesList/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":[]}
+{"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.js\";\nimport { ListStatus } from \"./ListStatus.js\";\nimport { useDocumentList } from \"~/modules/pages/PagesList/useDocumentList.js\";\n\nexport const BottomInfoBar = () => {\n    const { vm } = useDocumentList();\n\n    return (\n        <div className=\"sticky bottom-0 z-5 bg-neutral-base w-full transform translate-z-0 overflow-hidden\">\n            <Separator />\n            <div className={\"h-xl px-md py-sm flex items-center justify-between\"}>\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;EAAoF,gBAC/FR,KAAA,CAAAO,aAAA,CAACN,SAAS,MAAE,CAAC,eACbD,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAAqD,gBACjER,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/pages/PagesList/components/BottomInfoBar/ListMeta.js

@@ -10,7 +10,7 @@ export const ListMeta = props => {
   return /*#__PURE__*/React.createElement(Text, {
     size: "sm",
     as: "div",
-    className: "wby-text-neutral-strong"
+    className: "text-neutral-strong"
   }, `Showing ${props.currentCount} out of ${getLabel(props.totalCount)}.`);
 };
 

package/modules/pages/PagesList/components/BottomInfoBar/ListMeta.js.map

@@ -1 +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 ? \"page\" : \"pages\"}`;\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,MAAM,GAAG,OAAO,EAAE;EACvD,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":[]}
+{"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 ? \"page\" : \"pages\"}`;\n    }, []);\n\n    if (props.loading) {\n        return null;\n    }\n\n    return (\n        <Text size={\"sm\"} as={\"div\"} className={\"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,MAAM,GAAG,OAAO,EAAE;EACvD,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;EAAsB,GAAE,WAC5DP,KAAK,CAACQ,YAAY,WACXP,QAAQ,CAACD,KAAK,CAACS,UAAU,CAAC,GAAU,CAAC;AAExD,CAAC","ignoreList":[]}

package/modules/pages/PagesList/components/BottomInfoBar/ListStatus.js

@@ -7,11 +7,11 @@ export const ListStatus = ({
     return null;
   }
   return /*#__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",
     as: "div",
-    className: "wby-text-neutral-strong"
+    className: "text-neutral-strong"
   }, "Loading more pages..."), /*#__PURE__*/React.createElement(Loader, {
     size: "xs"
   }));

package/modules/pages/PagesList/components/BottomInfoBar/ListStatus.js.map

@@ -1 +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 pages...\"}\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,uBACC,CAAC,eACPN,KAAA,CAAAK,aAAA,CAACJ,MAAM;IAACM,IAAI,EAAE;EAAK,CAAE,CACpB,CAAC;AAEd,CAAC","ignoreList":[]}
+{"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=\"flex items-center gap-sm\">\n            <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-strong\"}>\n                {\"Loading more pages...\"}\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;EAA0B,gBACrCN,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACK,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACF,SAAS,EAAE;EAAsB,GACzD,uBACC,CAAC,eACPN,KAAA,CAAAK,aAAA,CAACJ,MAAM;IAACM,IAAI,EAAE;EAAK,CAAE,CACpB,CAAC;AAEd,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

@@ -4,7 +4,7 @@ import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
 import { observer } from "mobx-react-lite";
 import { getPagesLabel } from "./BulkActions.js";
 import { useDeletePage } from "../../../../../features/pages/index.js";
-import { PageListConfig } from "../../../configs";
+import { PageListConfig } from "../../../configs/index.js";
 export const BulkActionDelete = observer(() => {
   const {
     useWorker,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Tooltip","ReactComponent","DeleteIcon","observer","getPagesLabel","useDeletePage","PageListConfig","BulkActionDelete","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","deletePage","pagesLabel","items","length","openDeleteDialog","title","message","loadingLabel","execute","processInSeries","item","report","id","success","properties","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 { getPagesLabel } from \"~/modules/pages/PagesList/components/BulkActions/BulkActions.js\";\nimport { useDeletePage } from \"~/features/pages/index.js\";\nimport { PageListConfig } from \"~/modules/pages/configs\";\n\nexport const BulkActionDelete = 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 { deletePage } = useDeletePage();\n\n    const pagesLabel = useMemo(() => {\n        return getPagesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openDeleteDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete pages\",\n            message: `You are about to delete ${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 deletePage({ id: item.id });\n\n                        report.success({\n                            title: item.properties.title,\n                            message: \"Page successfully deleted.\"\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: \"Delete pages\",\n                    message: \"Finished deleting pages! See full report below:\",\n                    onCancel: worker.resetResults\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Delete ${pagesLabel}`}\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,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,cAAc;AAEvB,OAAO,MAAMC,gBAAgB,GAAGJ,QAAQ,CAAC,MAAM;EAC3C,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;EAAW,CAAC,GAAGZ,aAAa,CAAC,CAAC;EAEtC,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,gBAAgB,GAAGA,CAAA,KACrBN,sBAAsB,CAAC;IACnBO,KAAK,EAAE,cAAc;IACrBC,OAAO,EAAE,2BAA2BL,UAAU,sCAAsC;IACpFM,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,UAAU,CAAC;YAAEY,EAAE,EAAEF,IAAI,CAACE;UAAG,CAAC,CAAC;UAEjCD,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,cAAc;QACrBC,OAAO,EAAE,iDAAiD;QAC1Da,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,UAAU,EAAG;IAChCuB,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":[]}
+{"version":3,"names":["React","useMemo","Tooltip","ReactComponent","DeleteIcon","observer","getPagesLabel","useDeletePage","PageListConfig","BulkActionDelete","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","deletePage","pagesLabel","items","length","openDeleteDialog","title","message","loadingLabel","execute","processInSeries","item","report","id","success","properties","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 { getPagesLabel } from \"~/modules/pages/PagesList/components/BulkActions/BulkActions.js\";\nimport { useDeletePage } from \"~/features/pages/index.js\";\nimport { PageListConfig } from \"~/modules/pages/configs/index.js\";\n\nexport const BulkActionDelete = 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 { deletePage } = useDeletePage();\n\n    const pagesLabel = useMemo(() => {\n        return getPagesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openDeleteDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete pages\",\n            message: `You are about to delete ${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 deletePage({ id: item.id });\n\n                        report.success({\n                            title: item.properties.title,\n                            message: \"Page successfully deleted.\"\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: \"Delete pages\",\n                    message: \"Finished deleting pages! See full report below:\",\n                    onCancel: worker.resetResults\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Delete ${pagesLabel}`}\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,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,cAAc;AAEvB,OAAO,MAAMC,gBAAgB,GAAGJ,QAAQ,CAAC,MAAM;EAC3C,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;EAAW,CAAC,GAAGZ,aAAa,CAAC,CAAC;EAEtC,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,gBAAgB,GAAGA,CAAA,KACrBN,sBAAsB,CAAC;IACnBO,KAAK,EAAE,cAAc;IACrBC,OAAO,EAAE,2BAA2BL,UAAU,sCAAsC;IACpFM,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,UAAU,CAAC;YAAEY,EAAE,EAAEF,IAAI,CAACE;UAAG,CAAC,CAAC;UAEjCD,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,cAAc;QACrBC,OAAO,EAAE,iDAAiD;QAC1Da,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,UAAU,EAAG;IAChCuB,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/pages/PagesList/components/BulkActions/BulkActionDuplicate.js

@@ -4,7 +4,7 @@ import { ReactComponent as DuplicateIcon } from "@webiny/icons/library_add.svg";
 import { observer } from "mobx-react-lite";
 import { getPagesLabel } from "./BulkActions.js";
 import { useDuplicatePage } from "../../../../../features/pages/index.js";
-import { PageListConfig } from "../../../configs";
+import { PageListConfig } from "../../../configs/index.js";
 export const BulkActionDuplicate = observer(() => {
   const {
     useWorker,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Tooltip","ReactComponent","DuplicateIcon","observer","getPagesLabel","useDuplicatePage","PageListConfig","BulkActionDuplicate","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","duplicatePage","pagesLabel","items","length","openDuplicateDialog","title","message","loadingLabel","execute","processInSeries","item","report","id","success","properties","e","error","resetItems","results","onCancel","resetResults","createElement","side","content","trigger","icon","onAction","size"],"sources":["BulkActionDuplicate.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as DuplicateIcon } from \"@webiny/icons/library_add.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { getPagesLabel } from \"~/modules/pages/PagesList/components/BulkActions/BulkActions.js\";\nimport { useDuplicatePage } from \"~/features/pages/index.js\";\nimport { PageListConfig } from \"~/modules/pages/configs\";\n\nexport const BulkActionDuplicate = 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 { duplicatePage } = useDuplicatePage();\n\n    const pagesLabel = useMemo(() => {\n        return getPagesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openDuplicateDialog = () =>\n        showConfirmationDialog({\n            title: \"Duplicate pages\",\n            message: `You are about to duplicate ${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 duplicatePage({ id: item.id });\n\n                        report.success({\n                            title: item.properties.title,\n                            message: \"Page successfully duplicated.\"\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: \"Duplicate pages\",\n                    message: \"Finished duplicating pages! See full report below:\",\n                    onCancel: worker.resetResults\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Duplicate ${pagesLabel}`}\n            trigger={\n                <ButtonDefault icon={<DuplicateIcon />} onAction={openDuplicateDialog} size={\"sm\"}>\n                    {`Duplicate`}\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,+BAA+B;AAC/E,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,oDAAoD;QAC7Da,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","DuplicateIcon","observer","getPagesLabel","useDuplicatePage","PageListConfig","BulkActionDuplicate","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","duplicatePage","pagesLabel","items","length","openDuplicateDialog","title","message","loadingLabel","execute","processInSeries","item","report","id","success","properties","e","error","resetItems","results","onCancel","resetResults","createElement","side","content","trigger","icon","onAction","size"],"sources":["BulkActionDuplicate.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as DuplicateIcon } from \"@webiny/icons/library_add.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { getPagesLabel } from \"~/modules/pages/PagesList/components/BulkActions/BulkActions.js\";\nimport { useDuplicatePage } from \"~/features/pages/index.js\";\nimport { PageListConfig } from \"~/modules/pages/configs/index.js\";\n\nexport const BulkActionDuplicate = 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 { duplicatePage } = useDuplicatePage();\n\n    const pagesLabel = useMemo(() => {\n        return getPagesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openDuplicateDialog = () =>\n        showConfirmationDialog({\n            title: \"Duplicate pages\",\n            message: `You are about to duplicate ${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 duplicatePage({ id: item.id });\n\n                        report.success({\n                            title: item.properties.title,\n                            message: \"Page successfully duplicated.\"\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: \"Duplicate pages\",\n                    message: \"Finished duplicating pages! See full report below:\",\n                    onCancel: worker.resetResults\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Duplicate ${pagesLabel}`}\n            trigger={\n                <ButtonDefault icon={<DuplicateIcon />} onAction={openDuplicateDialog} size={\"sm\"}>\n                    {`Duplicate`}\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,+BAA+B;AAC/E,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,oDAAoD;QAC7Da,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/BulkActionMovePage.js

@@ -5,8 +5,8 @@ import { useMoveToFolderDialog, useNavigateFolder } from "@webiny/app-aco";
 import { observer } from "mobx-react-lite";
 import { getPagesLabel } from "./BulkActions.js";
 import { useMovePage } from "../../../../../features/pages/index.js";
-import { ROOT_FOLDER } from "../../../../../constants";
-import { PageListConfig } from "../../../configs";
+import { ROOT_FOLDER } from "../../../../../constants.js";
+import { PageListConfig } from "../../../configs/index.js";
 export const BulkActionMovePage = observer(() => {
   const {
     useWorker,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","ReactComponent","MoveIcon","Tooltip","useMoveToFolderDialog","useNavigateFolder","observer","getPagesLabel","useMovePage","ROOT_FOLDER","PageListConfig","BulkActionMovePage","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","showDialog","showMoveDialog","movePage","currentFolderId","pagesLabel","items","length","openWorkerDialog","folder","title","message","label","loadingLabel","execute","processInSeries","item","report","id","folderId","success","properties","e","error","resetItems","results","onCancel","resetResults","openMoveDialog","acceptLabel","focusedFolderId","onAccept","createElement","side","content","trigger","icon","onAction","size"],"sources":["BulkActionMovePage.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 { getPagesLabel } from \"~/modules/pages/PagesList/components/BulkActions/BulkActions.js\";\nimport { useMovePage } from \"~/features/pages/index.js\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { PageListConfig } from \"~/modules/pages/configs\";\n\nexport const BulkActionMovePage = observer(() => {\n    const { useWorker, useButtons, useDialog } = PageListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n    const { showDialog: showMoveDialog } = useMoveToFolderDialog();\n\n    const { movePage } = useMovePage();\n    const { currentFolderId } = useNavigateFolder();\n\n    const pagesLabel = useMemo(() => {\n        return getPagesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openWorkerDialog = useCallback(\n        (folder: NodeDto) => {\n            showConfirmationDialog({\n                title: \"Move pages\",\n                message: `You are about to move ${pagesLabel} to ${folder.label}. 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 movePage({\n                                id: item.id,\n                                folderId: folder.id\n                            });\n\n                            report.success({\n                                title: item.properties.title,\n                                message: \"Page successfully moved.\"\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: \"Move pages\",\n                        message: \"Finished moving pages! See full report below:\",\n                        onCancel: worker.resetResults\n                    });\n                }\n            });\n        },\n        [pagesLabel]\n    );\n\n    const openMoveDialog = () =>\n        showMoveDialog({\n            title: \"Select folder\",\n            message: \"Select a new location for selected pages:\",\n            loadingLabel: `Processing ${pagesLabel}...`,\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 ${pagesLabel}`}\n            trigger={\n                <ButtonDefault icon={<MoveIcon />} onAction={openMoveDialog} size={\"sm\"}>\n                    {`Move`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","ReactComponent","MoveIcon","Tooltip","useMoveToFolderDialog","useNavigateFolder","observer","getPagesLabel","useMovePage","ROOT_FOLDER","PageListConfig","BulkActionMovePage","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","showDialog","showMoveDialog","movePage","currentFolderId","pagesLabel","items","length","openWorkerDialog","folder","title","message","label","loadingLabel","execute","processInSeries","item","report","id","folderId","success","properties","e","error","resetItems","results","onCancel","resetResults","openMoveDialog","acceptLabel","focusedFolderId","onAccept","createElement","side","content","trigger","icon","onAction","size"],"sources":["BulkActionMovePage.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 { getPagesLabel } from \"~/modules/pages/PagesList/components/BulkActions/BulkActions.js\";\nimport { useMovePage } from \"~/features/pages/index.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport { PageListConfig } from \"~/modules/pages/configs/index.js\";\n\nexport const BulkActionMovePage = observer(() => {\n    const { useWorker, useButtons, useDialog } = PageListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n    const { showDialog: showMoveDialog } = useMoveToFolderDialog();\n\n    const { movePage } = useMovePage();\n    const { currentFolderId } = useNavigateFolder();\n\n    const pagesLabel = useMemo(() => {\n        return getPagesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openWorkerDialog = useCallback(\n        (folder: NodeDto) => {\n            showConfirmationDialog({\n                title: \"Move pages\",\n                message: `You are about to move ${pagesLabel} to ${folder.label}. 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 movePage({\n                                id: item.id,\n                                folderId: folder.id\n                            });\n\n                            report.success({\n                                title: item.properties.title,\n                                message: \"Page successfully moved.\"\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: \"Move pages\",\n                        message: \"Finished moving pages! See full report below:\",\n                        onCancel: worker.resetResults\n                    });\n                }\n            });\n        },\n        [pagesLabel]\n    );\n\n    const openMoveDialog = () =>\n        showMoveDialog({\n            title: \"Select folder\",\n            message: \"Select a new location for selected pages:\",\n            loadingLabel: `Processing ${pagesLabel}...`,\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 ${pagesLabel}`}\n            trigger={\n                <ButtonDefault icon={<MoveIcon />} onAction={openMoveDialog} size={\"sm\"}>\n                    {`Move`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ import { ReactComponent as PublishIcon } from "@webiny/icons/visibility.svg";
 import { observer } from "mobx-react-lite";
 import { getPagesLabel } from "./BulkActions.js";
 import { usePublishPage } from "../../../../../features/pages/index.js";
-import { PageListConfig } from "../../../configs";
+import { PageListConfig } from "../../../configs/index.js";
 export const BulkActionPublish = observer(() => {
   const {
     useWorker,