@webiny/app-website-builder 0.0.0-unstable.06b2ede40f

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

@@ -0,0 +1,75 @@
+import React from "react";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { Bind, useBind } from "@webiny/form";
+import { Button, DynamicFieldset, FormComponentDescription, FormComponentLabel, IconButton, Input } from "@webiny/admin-ui";
+const Header = ({
+  label,
+  description
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormComponentLabel, {
+    text: label
+  }), /*#__PURE__*/React.createElement(FormComponentDescription, {
+    text: description
+  }));
+};
+const Footer = ({
+  onClick
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-mt-md"
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: onClick,
+    text: "Add tag",
+    variant: "secondary",
+    size: "sm",
+    icon: /*#__PURE__*/React.createElement(AddIcon, null)
+  }));
+};
+export const SimpleTags = props => {
+  const {
+    value,
+    onChange
+  } = useBind({
+    name: props.bindName,
+    defaultValue: []
+  });
+  return /*#__PURE__*/React.createElement(DynamicFieldset, {
+    value: value,
+    onChange: onChange,
+    onAdd: () => ""
+  }, ({
+    actions,
+    header,
+    footer,
+    row,
+    empty
+  }) => /*#__PURE__*/React.createElement(React.Fragment, null, row(({
+    index
+  }) => /*#__PURE__*/React.createElement("div", {
+    className: "wby-mt-md"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-start wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: `${props.bindName}.${index}`
+  }, /*#__PURE__*/React.createElement(Input, {
+    size: "lg"
+  })), /*#__PURE__*/React.createElement(IconButton, {
+    variant: "ghost",
+    size: "lg",
+    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+    onClick: actions.remove(index)
+  })))), footer(() => /*#__PURE__*/React.createElement(Footer, {
+    onClick: actions.add()
+  })), header(() => /*#__PURE__*/React.createElement(Header, {
+    label: props.label,
+    description: props.description
+  })), empty(() => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
+    label: props.label,
+    description: props.description
+  }), /*#__PURE__*/React.createElement(Footer, {
+    onClick: actions.add()
+  })))));
+};
+
+//# sourceMappingURL=SimpleTags.js.map

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

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

package/modules/pages/PageEditor/TopBar/SettingsButton.d.ts

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

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

@@ -0,0 +1,42 @@
+import React from "react";
+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";
+export const SettingsButton = () => {
+  const dialogs = useDialogs();
+  const editor = useDocumentEditor();
+  const showDialog = () => {
+    dialogs.showDialog({
+      title: "Page Settings",
+      description: "Configure your page settings, SEO and Social metadata.",
+      dismissible: false,
+      acceptLabel: "Save Settings",
+      formData: async () => {
+        const formData = {
+          properties: editor.getDocumentState().read().properties,
+          metadata: editor.getDocumentState().read().metadata
+        };
+        return structuredClone(toJS(formData));
+      },
+      content: /*#__PURE__*/React.createElement(SettingsDialogBody, null),
+      onAccept: data => {
+        editor.updateDocument(document => {
+          document.properties = observable(data.properties);
+          document.metadata = observable(data.metadata);
+        });
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-gap-x-sm"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    variant: "secondary",
+    icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+    onClick: showDialog
+  }));
+};
+
+//# sourceMappingURL=SettingsButton.js.map

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

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

package/modules/pages/PageEditor/TopBar/Title.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Title(): React.JSX.Element;

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

@@ -0,0 +1,46 @@
+import React, { useCallback, useState } from "react";
+import { Input, Text } from "@webiny/admin-ui";
+import { useDocumentEditor } from "../../../../DocumentEditor";
+import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument";
+export function Title() {
+  const [localValue, setLocalValue] = useState();
+  const [isEditing, setIsEditing] = useState(false);
+  const editor = useDocumentEditor();
+  const {
+    title
+  } = useSelectFromDocument(document => {
+    return {
+      title: document.properties.title ?? "Untitled"
+    };
+  });
+  const commitValue = useCallback(value => {
+    editor.updateDocument(document => {
+      document.properties.title = value;
+    });
+    setLocalValue(undefined);
+    setIsEditing(false);
+  }, []);
+  const cancelEditing = useCallback(() => {
+    setIsEditing(false);
+    setLocalValue(undefined);
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-col"
+  }, !isEditing ? /*#__PURE__*/React.createElement(Text, {
+    onClick: () => setIsEditing(true),
+    className: "wby-cursor-pointer wby-text-accent-primary wby-font-bold wby-mx-sm",
+    size: "lg"
+  }, title) : null, isEditing ? /*#__PURE__*/React.createElement(Input, {
+    autoFocus: true,
+    autoSelect: true,
+    size: "md",
+    variant: "secondary",
+    value: localValue ?? title,
+    onChange: setLocalValue,
+    onBlur: e => commitValue(e.currentTarget.value),
+    onEnter: e => commitValue(e.currentTarget.value),
+    onEscape: cancelEditing
+  }) : null);
+}
+
+//# sourceMappingURL=Title.js.map

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

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

package/modules/pages/PageEditor.d.ts

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

package/modules/pages/PageEditor.js

@@ -0,0 +1,72 @@
+import React, { useEffect, useState } from "react";
+import { useRouter } from "@webiny/react-router";
+import { DocumentEditor } from "../../DocumentEditor/DocumentEditor.js";
+import { useCreatePageRevisionFrom, useGetPage } from "../../features/pages";
+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";
+const getPageDataFromPage = page => {
+  return {
+    id: page.id,
+    version: page.version,
+    status: page.status,
+    location: page.location,
+    properties: page.properties,
+    bindings: page.bindings,
+    elements: page.elements,
+    metadata: page.metadata,
+    state: {}
+  };
+};
+export const PageEditor = () => {
+  const {
+    getSettings
+  } = useGetWebsiteBuilderSettings();
+  const [loading, setLoading] = useState(true);
+  const [page, setPage] = useState(null);
+  const {
+    history,
+    params
+  } = useRouter();
+  const {
+    getPage
+  } = useGetPage();
+  const {
+    createPageRevisionFrom
+  } = useCreatePageRevisionFrom();
+  useEffect(() => {
+    setLoading(true);
+    Promise.all([getSettings(), getPage({
+      id: params.id
+    }).then(page => {
+      if (page.status === WbPageStatus.Draft) {
+        setPage(getPageDataFromPage(page));
+        return;
+      }
+      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}`);
+      });
+    })]).then(() => {
+      setLoading(false);
+    });
+  }, [params.id]);
+  if (loading || !page) {
+    return /*#__PURE__*/React.createElement(OverlayLoader, {
+      text: "Loading page..."
+    });
+  }
+  return /*#__PURE__*/React.createElement(DocumentEditor, {
+    key: page.id,
+    document: page,
+    name: EDITOR_NAME
+  }, /*#__PURE__*/React.createElement(DefaultEditorConfig, null), /*#__PURE__*/React.createElement(DefaultPageEditorConfig, null));
+};
+
+//# sourceMappingURL=PageEditor.js.map

package/modules/pages/PageEditor.js.map

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

package/modules/pages/PageList.d.ts

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

package/modules/pages/PageList.js

@@ -0,0 +1,20 @@
+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 { FoldersProvider } from "@webiny/app-aco/contexts/folders.js";
+import { WB_PAGE_APP } from "../../constants.js";
+import { NavigateFolderProvider } from "./PagesList/NavigateFolderProvider";
+import { PageListWithConfig } from "./configs/index.js";
+export const PageList = () => {
+  return /*#__PURE__*/React.createElement(CompositionScope, {
+    name: "wbPage"
+  }, /*#__PURE__*/React.createElement(AdminLayout, {
+    title: "Pages - Website Builder"
+  }, /*#__PURE__*/React.createElement(PageListWithConfig, null, /*#__PURE__*/React.createElement(AcoWithConfig, null, /*#__PURE__*/React.createElement(FoldersProvider, {
+    type: WB_PAGE_APP
+  }, /*#__PURE__*/React.createElement(NavigateFolderProvider, null, /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(PagesList, null))))))));
+};
+
+//# sourceMappingURL=PageList.js.map

package/modules/pages/PageList.js.map

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

package/modules/pages/PagesList/NavigateFolderProvider.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const NavigateFolderProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/modules/pages/PagesList/NavigateFolderProvider.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { WB_PAGE_LATEST_VISITED_FOLDER, WB_PAGES_LIST_ROUTE } from "../../../constants";
+import { NavigateFolderWithRouterProvider } from "@webiny/app-aco/contexts/navigateFolderWithRouter.js";
+const createStorageKey = () => {
+  return WB_PAGE_LATEST_VISITED_FOLDER;
+};
+const createListLink = () => {
+  return WB_PAGES_LIST_ROUTE;
+};
+export const NavigateFolderProvider = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(NavigateFolderWithRouterProvider, {
+    createStorageKey: createStorageKey,
+    createListLink: createListLink
+  }, children);
+};
+
+//# sourceMappingURL=NavigateFolderProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","WB_PAGE_LATEST_VISITED_FOLDER","WB_PAGES_LIST_ROUTE","NavigateFolderWithRouterProvider","createStorageKey","createListLink","NavigateFolderProvider","children","createElement"],"sources":["NavigateFolderProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { WB_PAGE_LATEST_VISITED_FOLDER, WB_PAGES_LIST_ROUTE } from \"~/constants\";\nimport { NavigateFolderWithRouterProvider } from \"@webiny/app-aco/contexts/navigateFolderWithRouter.js\";\n\nconst createStorageKey = () => {\n    return WB_PAGE_LATEST_VISITED_FOLDER;\n};\n\nconst createListLink = () => {\n    return WB_PAGES_LIST_ROUTE;\n};\n\nexport const NavigateFolderProvider = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <NavigateFolderWithRouterProvider\n            createStorageKey={createStorageKey}\n            createListLink={createListLink}\n        >\n            {children}\n        </NavigateFolderWithRouterProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,6BAA6B,EAAEC,mBAAmB;AAC3D,SAASC,gCAAgC,QAAQ,sDAAsD;AAEvG,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,OAAOH,6BAA6B;AACxC,CAAC;AAED,MAAMI,cAAc,GAAGA,CAAA,KAAM;EACzB,OAAOH,mBAAmB;AAC9B,CAAC;AAED,OAAO,MAAMI,sBAAsB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EACnF,oBACIP,KAAA,CAAAQ,aAAA,CAACL,gCAAgC;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCC,cAAc,EAAEA;EAAe,GAE9BE,QAC6B,CAAC;AAE3C,CAAC","ignoreList":[]}

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

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

package/modules/pages/PagesList/PagesList.js

@@ -0,0 +1,13 @@
+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, {
+    main: /*#__PURE__*/React.createElement(Main, null),
+    sidebar: /*#__PURE__*/React.createElement(Sidebar, null)
+  }));
+};
+
+//# sourceMappingURL=PagesList.js.map

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Separator","ListMeta","ListStatus","useDocumentList","BottomInfoBar","vm","createElement","className","loading","isLoading","totalCount","meta","currentCount","isLoadingMore"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { ListMeta } from \"./ListMeta\";\nimport { ListStatus } from \"./ListStatus\";\nimport { useDocumentList } from \"~/modules/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":[]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Text","ListMeta","props","getLabel","count","loading","createElement","size","as","className","currentCount","totalCount"],"sources":["ListMeta.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\n\nexport interface ListMetaProps {\n    loading: boolean;\n    currentCount: number;\n    totalCount: number;\n}\n\nexport const ListMeta = (props: ListMetaProps) => {\n    const getLabel = useCallback((count = 0): string => {\n        return `${count} ${count === 1 ? \"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":[]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Loader","Text","ListStatus","loading","createElement","className","size","as"],"sources":["ListStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { Loader, Text } from \"@webiny/admin-ui\";\n\nexport interface ListStatusProps {\n    loading: boolean;\n}\n\nexport const ListStatus = ({ loading }: ListStatusProps) => {\n    if (!loading) {\n        return null;\n    }\n\n    return (\n        <div className=\"wby-flex wby-items-center wby-gap-sm\">\n            <Text size={\"sm\"} as={\"div\"} className={\"wby-text-neutral-strong\"}>\n                {\"Loading more 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":[]}

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

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

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

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

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

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

package/modules/pages/PagesList/components/BulkActions/BulkActionDelete.d.ts

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

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

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

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

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

package/modules/pages/PagesList/components/BulkActions/BulkActionDuplicate.d.ts

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