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

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

@@ -1,63 +1,62 @@
 import { observable, toJS } from "mobx";
-import React, { useCallback, useState } from "react";
+import react, { useCallback, useState } from "react";
 import { IconButton } from "@webiny/admin-ui";
 import { useHotkeys } from "@webiny/app-admin";
-import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
+import { ReactComponent } from "@webiny/icons/settings.svg";
 import { useFeature } from "@webiny/app";
 import { useDocumentEditor } from "../../../../DocumentEditor/index.js";
 import { useSelectFromDocument } from "../../../../BaseEditor/hooks/useSelectFromDocument.js";
 import { PageSettingsFeature } from "../PageSettings/feature.js";
 import { PageSettingsDrawer } from "./PageSettingsDrawer.js";
-export const SettingsButton = () => {
-  const editor = useDocumentEditor();
-  const {
-    presenter
-  } = useFeature(PageSettingsFeature);
-  const [isOverlayOpen, setOverlayOpen] = useState(false);
-  const formData = useSelectFromDocument(document => {
-    return structuredClone({
-      properties: toJS(document.properties),
-      metadata: toJS(document.metadata),
-      extensions: toJS(document.extensions)
+const SettingsButton = ()=>{
+    const editor = useDocumentEditor();
+    const { presenter } = useFeature(PageSettingsFeature);
+    const [isOverlayOpen, setOverlayOpen] = useState(false);
+    const formData = useSelectFromDocument((document)=>structuredClone({
+            properties: toJS(document.properties),
+            metadata: toJS(document.metadata),
+            extensions: toJS(document.extensions)
+        }));
+    const openOverlay = useCallback(()=>{
+        presenter.init(formData);
+        setOverlayOpen(true);
+    }, [
+        formData
+    ]);
+    const closeOverlay = useCallback(()=>{
+        setOverlayOpen(false);
+    }, []);
+    const saveSettings = useCallback(async ()=>{
+        const result = await presenter.submit();
+        if (result) {
+            editor.updateDocument((document)=>{
+                document.properties = observable(result.properties);
+                document.metadata = observable(result.metadata);
+                document.extensions = observable(result.extensions);
+            });
+            closeOverlay();
+        }
+    }, []);
+    useHotkeys({
+        zIndex: 55,
+        disabled: !isOverlayOpen,
+        keys: {
+            esc: closeOverlay
+        }
     });
-  });
-  const openOverlay = useCallback(() => {
-    presenter.init(formData);
-    setOverlayOpen(true);
-  }, [formData]);
-  const closeOverlay = useCallback(() => {
-    setOverlayOpen(false);
-  }, []);
-  const saveSettings = useCallback(async () => {
-    const result = await presenter.submit();
-    if (result) {
-      editor.updateDocument(document => {
-        document.properties = observable(result.properties);
-        document.metadata = observable(result.metadata);
-        document.extensions = observable(result.extensions);
-      });
-      closeOverlay();
-    }
-  }, []);
-  useHotkeys({
-    zIndex: 55,
-    disabled: !isOverlayOpen,
-    keys: {
-      esc: closeOverlay
-    }
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-x-sm"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    variant: "ghost",
-    icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
-    onClick: openOverlay
-  }), /*#__PURE__*/React.createElement(PageSettingsDrawer, {
-    presenter: presenter,
-    open: isOverlayOpen,
-    onClose: closeOverlay,
-    onSave: saveSettings
-  }));
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex gap-x-sm"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: openOverlay
+    }), /*#__PURE__*/ react.createElement(PageSettingsDrawer, {
+        presenter: presenter,
+        open: isOverlayOpen,
+        onClose: closeOverlay,
+        onSave: saveSettings
+    }));
 };
+export { SettingsButton };
 
 //# sourceMappingURL=SettingsButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["observable","toJS","React","useCallback","useState","IconButton","useHotkeys","ReactComponent","SettingsIcon","useFeature","useDocumentEditor","useSelectFromDocument","PageSettingsFeature","PageSettingsDrawer","SettingsButton","editor","presenter","isOverlayOpen","setOverlayOpen","formData","document","structuredClone","properties","metadata","extensions","openOverlay","init","closeOverlay","saveSettings","result","submit","updateDocument","zIndex","disabled","keys","esc","createElement","className","variant","icon","onClick","open","onClose","onSave"],"sources":["SettingsButton.tsx"],"sourcesContent":["import { observable, toJS } from \"mobx\";\nimport React, { useCallback, useState } from \"react\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { useFeature } from \"@webiny/app\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { PageSettingsFeature } from \"~/modules/pages/PageEditor/PageSettings/feature.js\";\nimport { PageSettingsDrawer } from \"./PageSettingsDrawer.js\";\nimport { PageSettingsGroup } from \"~/modules/pages/PageEditor/PageSettings/index.js\";\n\nexport const SettingsButton = () => {\n    const editor = useDocumentEditor();\n    const { presenter } = useFeature(PageSettingsFeature);\n    const [isOverlayOpen, setOverlayOpen] = useState(false);\n\n    const formData = useSelectFromDocument(document => {\n        return structuredClone({\n            properties: toJS(document.properties),\n            metadata: toJS(document.metadata),\n            extensions: toJS(document.extensions)\n        }) as PageSettingsGroup.PageDocument;\n    });\n\n    const openOverlay = useCallback(() => {\n        presenter.init(formData);\n        setOverlayOpen(true);\n    }, [formData]);\n\n    const closeOverlay = useCallback(() => {\n        setOverlayOpen(false);\n    }, []);\n\n    const saveSettings = useCallback(async () => {\n        const result = await presenter.submit();\n        if (result) {\n            editor.updateDocument(document => {\n                document.properties = observable(result.properties);\n                document.metadata = observable(result.metadata);\n                document.extensions = observable(result.extensions);\n            });\n            closeOverlay();\n        }\n    }, []);\n\n    useHotkeys({\n        zIndex: 55,\n        disabled: !isOverlayOpen,\n        keys: {\n            esc: closeOverlay\n        }\n    });\n\n    return (\n        <div className={\"flex gap-x-sm\"}>\n            <IconButton variant=\"ghost\" icon={<SettingsIcon />} onClick={openOverlay} />\n            <PageSettingsDrawer\n                presenter={presenter}\n                open={isOverlayOpen}\n                onClose={closeOverlay}\n                onSave={saveSettings}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,MAAM;AACvC,OAAOC,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,cAAc,IAAIC,YAAY,QAAQ,4BAA4B;AAC3E,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAC5B,SAASC,kBAAkB;AAG3B,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMC,MAAM,GAAGL,iBAAiB,CAAC,CAAC;EAClC,MAAM;IAAEM;EAAU,CAAC,GAAGP,UAAU,CAACG,mBAAmB,CAAC;EACrD,MAAM,CAACK,aAAa,EAAEC,cAAc,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAEvD,MAAMe,QAAQ,GAAGR,qBAAqB,CAACS,QAAQ,IAAI;IAC/C,OAAOC,eAAe,CAAC;MACnBC,UAAU,EAAErB,IAAI,CAACmB,QAAQ,CAACE,UAAU,CAAC;MACrCC,QAAQ,EAAEtB,IAAI,CAACmB,QAAQ,CAACG,QAAQ,CAAC;MACjCC,UAAU,EAAEvB,IAAI,CAACmB,QAAQ,CAACI,UAAU;IACxC,CAAC,CAAC;EACN,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGtB,WAAW,CAAC,MAAM;IAClCa,SAAS,CAACU,IAAI,CAACP,QAAQ,CAAC;IACxBD,cAAc,CAAC,IAAI,CAAC;EACxB,CAAC,EAAE,CAACC,QAAQ,CAAC,CAAC;EAEd,MAAMQ,YAAY,GAAGxB,WAAW,CAAC,MAAM;IACnCe,cAAc,CAAC,KAAK,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMU,YAAY,GAAGzB,WAAW,CAAC,YAAY;IACzC,MAAM0B,MAAM,GAAG,MAAMb,SAAS,CAACc,MAAM,CAAC,CAAC;IACvC,IAAID,MAAM,EAAE;MACRd,MAAM,CAACgB,cAAc,CAACX,QAAQ,IAAI;QAC9BA,QAAQ,CAACE,UAAU,GAAGtB,UAAU,CAAC6B,MAAM,CAACP,UAAU,CAAC;QACnDF,QAAQ,CAACG,QAAQ,GAAGvB,UAAU,CAAC6B,MAAM,CAACN,QAAQ,CAAC;QAC/CH,QAAQ,CAACI,UAAU,GAAGxB,UAAU,CAAC6B,MAAM,CAACL,UAAU,CAAC;MACvD,CAAC,CAAC;MACFG,YAAY,CAAC,CAAC;IAClB;EACJ,CAAC,EAAE,EAAE,CAAC;EAENrB,UAAU,CAAC;IACP0B,MAAM,EAAE,EAAE;IACVC,QAAQ,EAAE,CAAChB,aAAa;IACxBiB,IAAI,EAAE;MACFC,GAAG,EAAER;IACT;EACJ,CAAC,CAAC;EAEF,oBACIzB,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAE;EAAgB,gBAC5BnC,KAAA,CAAAkC,aAAA,CAAC/B,UAAU;IAACiC,OAAO,EAAC,OAAO;IAACC,IAAI,eAAErC,KAAA,CAAAkC,aAAA,CAAC5B,YAAY,MAAE,CAAE;IAACgC,OAAO,EAAEf;EAAY,CAAE,CAAC,eAC5EvB,KAAA,CAAAkC,aAAA,CAACvB,kBAAkB;IACfG,SAAS,EAAEA,SAAU;IACrByB,IAAI,EAAExB,aAAc;IACpByB,OAAO,EAAEf,YAAa;IACtBgB,MAAM,EAAEf;EAAa,CACxB,CACA,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/TopBar/SettingsButton.js","sources":["../../../../../src/modules/pages/PageEditor/TopBar/SettingsButton.tsx"],"sourcesContent":["import { observable, toJS } from \"mobx\";\nimport React, { useCallback, useState } from \"react\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { useFeature } from \"@webiny/app\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { PageSettingsFeature } from \"~/modules/pages/PageEditor/PageSettings/feature.js\";\nimport { PageSettingsDrawer } from \"./PageSettingsDrawer.js\";\nimport { PageSettingsGroup } from \"~/modules/pages/PageEditor/PageSettings/index.js\";\n\nexport const SettingsButton = () => {\n    const editor = useDocumentEditor();\n    const { presenter } = useFeature(PageSettingsFeature);\n    const [isOverlayOpen, setOverlayOpen] = useState(false);\n\n    const formData = useSelectFromDocument(document => {\n        return structuredClone({\n            properties: toJS(document.properties),\n            metadata: toJS(document.metadata),\n            extensions: toJS(document.extensions)\n        }) as PageSettingsGroup.PageDocument;\n    });\n\n    const openOverlay = useCallback(() => {\n        presenter.init(formData);\n        setOverlayOpen(true);\n    }, [formData]);\n\n    const closeOverlay = useCallback(() => {\n        setOverlayOpen(false);\n    }, []);\n\n    const saveSettings = useCallback(async () => {\n        const result = await presenter.submit();\n        if (result) {\n            editor.updateDocument(document => {\n                document.properties = observable(result.properties);\n                document.metadata = observable(result.metadata);\n                document.extensions = observable(result.extensions);\n            });\n            closeOverlay();\n        }\n    }, []);\n\n    useHotkeys({\n        zIndex: 55,\n        disabled: !isOverlayOpen,\n        keys: {\n            esc: closeOverlay\n        }\n    });\n\n    return (\n        <div className={\"flex gap-x-sm\"}>\n            <IconButton variant=\"ghost\" icon={<SettingsIcon />} onClick={openOverlay} />\n            <PageSettingsDrawer\n                presenter={presenter}\n                open={isOverlayOpen}\n                onClose={closeOverlay}\n                onSave={saveSettings}\n            />\n        </div>\n    );\n};\n"],"names":["SettingsButton","editor","useDocumentEditor","presenter","useFeature","PageSettingsFeature","isOverlayOpen","setOverlayOpen","useState","formData","useSelectFromDocument","document","structuredClone","toJS","openOverlay","useCallback","closeOverlay","saveSettings","result","observable","useHotkeys","IconButton","SettingsIcon","PageSettingsDrawer"],"mappings":";;;;;;;;;;AAYO,MAAMA,iBAAiB;IAC1B,MAAMC,SAASC;IACf,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,CAACC,eAAeC,eAAe,GAAGC,SAAS;IAEjD,MAAMC,WAAWC,sBAAsBC,CAAAA,WAC5BC,gBAAgB;YACnB,YAAYC,KAAKF,SAAS,UAAU;YACpC,UAAUE,KAAKF,SAAS,QAAQ;YAChC,YAAYE,KAAKF,SAAS,UAAU;QACxC;IAGJ,MAAMG,cAAcC,YAAY;QAC5BZ,UAAU,IAAI,CAACM;QACfF,eAAe;IACnB,GAAG;QAACE;KAAS;IAEb,MAAMO,eAAeD,YAAY;QAC7BR,eAAe;IACnB,GAAG,EAAE;IAEL,MAAMU,eAAeF,YAAY;QAC7B,MAAMG,SAAS,MAAMf,UAAU,MAAM;QACrC,IAAIe,QAAQ;YACRjB,OAAO,cAAc,CAACU,CAAAA;gBAClBA,SAAS,UAAU,GAAGQ,WAAWD,OAAO,UAAU;gBAClDP,SAAS,QAAQ,GAAGQ,WAAWD,OAAO,QAAQ;gBAC9CP,SAAS,UAAU,GAAGQ,WAAWD,OAAO,UAAU;YACtD;YACAF;QACJ;IACJ,GAAG,EAAE;IAELI,WAAW;QACP,QAAQ;QACR,UAAU,CAACd;QACX,MAAM;YACF,KAAKU;QACT;IACJ;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACK,YAAUA;QAAC,SAAQ;QAAQ,oBAAM,oBAACC,gBAAYA;QAAK,SAASR;sBAC7D,oBAACS,oBAAkBA;QACf,WAAWpB;QACX,MAAMG;QACN,SAASU;QACT,QAAQC;;AAIxB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","Input","Text","useDocumentEditor","useSelectFromDocument","useSelectFromEditor","LanguageCodeTag","Title","localValue","setLocalValue","isEditing","setIsEditing","isEditorReadOnly","state","isReadOnly","editor","title","language","document","properties","undefined","commitValue","value","updateDocument","cancelEditing","createElement","className","size","code","onClick","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\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { LanguageCodeTag } from \"~/presentation/components/LanguageCodeTag.js\";\n\nexport function Title() {\n    const [localValue, setLocalValue] = useState<string | undefined>();\n    const [isEditing, setIsEditing] = useState<boolean>(false);\n    const isEditorReadOnly = useSelectFromEditor(state => state.isReadOnly);\n\n    const editor = useDocumentEditor();\n\n    const { title, language } = useSelectFromDocument(document => {\n        return {\n            title: document.properties.title ?? \"Untitled\",\n            language: document.properties.language ?? undefined\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    if (isEditorReadOnly) {\n        return (\n            <div className={\"flex flex-col min-w-0\"}>\n                <Text className={\"text-accent-primary font-bold mx-sm truncate\"} size={\"lg\"}>\n                    {title}\n                </Text>\n            </div>\n        );\n    }\n\n    return (\n        <div className={\"flex flex-row min-w-0\"}>\n            <LanguageCodeTag code={language} />\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                    className={\"mx-sm\"}\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;AAC9B,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AAExB,OAAO,SAASC,KAAKA,CAAA,EAAG;EACpB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGT,QAAQ,CAAqB,CAAC;EAClE,MAAM,CAACU,SAAS,EAAEC,YAAY,CAAC,GAAGX,QAAQ,CAAU,KAAK,CAAC;EAC1D,MAAMY,gBAAgB,GAAGP,mBAAmB,CAACQ,KAAK,IAAIA,KAAK,CAACC,UAAU,CAAC;EAEvE,MAAMC,MAAM,GAAGZ,iBAAiB,CAAC,CAAC;EAElC,MAAM;IAAEa,KAAK;IAAEC;EAAS,CAAC,GAAGb,qBAAqB,CAACc,QAAQ,IAAI;IAC1D,OAAO;MACHF,KAAK,EAAEE,QAAQ,CAACC,UAAU,CAACH,KAAK,IAAI,UAAU;MAC9CC,QAAQ,EAAEC,QAAQ,CAACC,UAAU,CAACF,QAAQ,IAAIG;IAC9C,CAAC;EACL,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGtB,WAAW,CAAEuB,KAAa,IAAK;IAC/CP,MAAM,CAACQ,cAAc,CAACL,QAAQ,IAAI;MAC9BA,QAAQ,CAACC,UAAU,CAACH,KAAK,GAAGM,KAAK;IACrC,CAAC,CAAC;IACFb,aAAa,CAACW,SAAS,CAAC;IACxBT,YAAY,CAAC,KAAK,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMa,aAAa,GAAGzB,WAAW,CAAC,MAAM;IACpCY,YAAY,CAAC,KAAK,CAAC;IACnBF,aAAa,CAACW,SAAS,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIR,gBAAgB,EAAE;IAClB,oBACId,KAAA,CAAA2B,aAAA;MAAKC,SAAS,EAAE;IAAwB,gBACpC5B,KAAA,CAAA2B,aAAA,CAACvB,IAAI;MAACwB,SAAS,EAAE,8CAA+C;MAACC,IAAI,EAAE;IAAK,GACvEX,KACC,CACL,CAAC;EAEd;EAEA,oBACIlB,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAE;EAAwB,gBACpC5B,KAAA,CAAA2B,aAAA,CAACnB,eAAe;IAACsB,IAAI,EAAEX;EAAS,CAAE,CAAC,EAClC,CAACP,SAAS,gBACPZ,KAAA,CAAA2B,aAAA,CAACvB,IAAI;IACD2B,OAAO,EAAEA,CAAA,KAAMlB,YAAY,CAAC,IAAI,CAAE;IAClCe,SAAS,EAAE,6DAA8D;IACzEC,IAAI,EAAE;EAAK,GAEVX,KACC,CAAC,GACP,IAAI,EACPN,SAAS,gBACNZ,KAAA,CAAA2B,aAAA,CAACxB,KAAK;IACF6B,SAAS;IACTC,UAAU;IACVJ,IAAI,EAAE,IAAK;IACXK,OAAO,EAAE,WAAY;IACrBN,SAAS,EAAE,OAAQ;IACnBJ,KAAK,EAAEd,UAAU,IAAIQ,KAAM;IAC3BiB,QAAQ,EAAExB,aAAc;IACxByB,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,EAAEd;EAAc,CAC3B,CAAC,GACF,IACH,CAAC;AAEd","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/TopBar/Title.js","sources":["../../../../../src/modules/pages/PageEditor/TopBar/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\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { LanguageCodeTag } from \"~/presentation/components/LanguageCodeTag.js\";\n\nexport function Title() {\n    const [localValue, setLocalValue] = useState<string | undefined>();\n    const [isEditing, setIsEditing] = useState<boolean>(false);\n    const isEditorReadOnly = useSelectFromEditor(state => state.isReadOnly);\n\n    const editor = useDocumentEditor();\n\n    const { title, language } = useSelectFromDocument(document => {\n        return {\n            title: document.properties.title ?? \"Untitled\",\n            language: document.properties.language ?? undefined\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    if (isEditorReadOnly) {\n        return (\n            <div className={\"flex flex-col min-w-0\"}>\n                <Text className={\"text-accent-primary font-bold mx-sm truncate\"} size={\"lg\"}>\n                    {title}\n                </Text>\n            </div>\n        );\n    }\n\n    return (\n        <div className={\"flex flex-row min-w-0\"}>\n            <LanguageCodeTag code={language} />\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                    className={\"mx-sm\"}\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"],"names":["Title","localValue","setLocalValue","useState","isEditing","setIsEditing","isEditorReadOnly","useSelectFromEditor","state","editor","useDocumentEditor","title","language","useSelectFromDocument","document","undefined","commitValue","useCallback","value","cancelEditing","Text","LanguageCodeTag","Input","e"],"mappings":";;;;;;AAOO,SAASA;IACZ,MAAM,CAACC,YAAYC,cAAc,GAAGC;IACpC,MAAM,CAACC,WAAWC,aAAa,GAAGF,SAAkB;IACpD,MAAMG,mBAAmBC,oBAAoBC,CAAAA,QAASA,MAAM,UAAU;IAEtE,MAAMC,SAASC;IAEf,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,sBAAsBC,CAAAA,WACvC;YACH,OAAOA,SAAS,UAAU,CAAC,KAAK,IAAI;YACpC,UAAUA,SAAS,UAAU,CAAC,QAAQ,IAAIC;QAC9C;IAGJ,MAAMC,cAAcC,YAAY,CAACC;QAC7BT,OAAO,cAAc,CAACK,CAAAA;YAClBA,SAAS,UAAU,CAAC,KAAK,GAAGI;QAChC;QACAhB,cAAca;QACdV,aAAa;IACjB,GAAG,EAAE;IAEL,MAAMc,gBAAgBF,YAAY;QAC9BZ,aAAa;QACbH,cAAca;IAClB,GAAG,EAAE;IAEL,IAAIT,kBACA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACc,MAAIA;QAAC,WAAW;QAAgD,MAAM;OAClET;IAMjB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACU,iBAAeA;QAAC,MAAMT;QACtB,AAACR,YAQE,OARU,WAAZA,GACE,oBAACgB,MAAIA;QACD,SAAS,IAAMf,aAAa;QAC5B,WAAW;QACX,MAAM;OAELM,QAGRP,YAAY,WAAZA,GACG,oBAACkB,OAAKA;QACF;QACA;QACA,MAAM;QACN,SAAS;QACT,WAAW;QACX,OAAOrB,cAAcU;QACrB,UAAUT;QACV,QAAQqB,CAAAA,IAAKP,YAAYO,EAAE,aAAa,CAAC,KAAK;QAC9C,SAASA,CAAAA,IAAKP,YAAYO,EAAE,aAAa,CAAC,KAAK;QAC/C,UAAUJ;SAEd;AAGhB"}

package/modules/pages/PageEditor/usePageEditorConfig.js

@@ -1,6 +1,5 @@
 import { useEditorConfig } from "../../../BaseEditor/index.js";
-export const usePageEditorConfig = () => {
-  return useEditorConfig();
-};
+const usePageEditorConfig = ()=>useEditorConfig();
+export { usePageEditorConfig };
 
 //# sourceMappingURL=usePageEditorConfig.js.map

package/modules/pages/PageEditor/usePageEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEditorConfig","usePageEditorConfig"],"sources":["usePageEditorConfig.ts"],"sourcesContent":["import { useEditorConfig } from \"~/BaseEditor/index.js\";\n\nexport const usePageEditorConfig = () => {\n    return useEditorConfig();\n};\n"],"mappings":"AAAA,SAASA,eAAe;AAExB,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,OAAOD,eAAe,CAAC,CAAC;AAC5B,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/usePageEditorConfig.js","sources":["../../../../src/modules/pages/PageEditor/usePageEditorConfig.ts"],"sourcesContent":["import { useEditorConfig } from \"~/BaseEditor/index.js\";\n\nexport const usePageEditorConfig = () => {\n    return useEditorConfig();\n};\n"],"names":["usePageEditorConfig","useEditorConfig"],"mappings":";AAEO,MAAMA,sBAAsB,IACxBC"}

package/modules/pages/PageEditor.js

@@ -1,77 +1,65 @@
-import React, { useEffect, useState } from "react";
-import { useRoute, useRouter } from "@webiny/app-admin";
+import react, { useEffect, useState } from "react";
+import { useRoute } from "@webiny/app-admin";
 import { DocumentEditor } from "../../DocumentEditor/DocumentEditor.js";
-import { useCreatePageRevisionFrom, useGetPage } from "../../features/pages/index.js";
+import { useGetPage } from "../../features/pages/index.js";
 import { OverlayLoader } from "@webiny/admin-ui";
 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,
-    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 {
-    goToRoute
-  } = useRouter();
-  const {
-    route
-  } = useRoute(Routes.Pages.Editor);
-  const {
-    getPage
-  } = useGetPage();
-  const {
-    createPageRevisionFrom
-  } = useCreatePageRevisionFrom();
-  useEffect(() => {
-    setLoading(true);
-    Promise.all([getSettings(), getPage({
-      id: route.params.id
-    }).then(page => {
-      if (page.status === WbPageStatus.Draft) {
-        setPage(getPageDataFromPage(page));
-        return;
-      }
-      return createPageRevisionFrom({
-        id: page.id
-      }).then(page => {
-        goToRoute(Routes.Pages.Editor, {
-          id: page.id,
-          folderId: page.location.folderId
-        });
-      });
-    })]).then(() => {
-      setLoading(false);
+import { WbPageStatus } from "../../constants.js";
+import { RevisionListDrawer } from "./PageEditor/Revisions/RevisionListDrawer.js";
+import { PageEditorDrawerProvider } from "./PageEditor/Revisions/usePageEditorDrawer.js";
+const getPageDataFromPage = (page)=>({
+        ...page,
+        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: {}
     });
-  }, [route.params.id]);
-  if (loading || !page) {
-    return /*#__PURE__*/React.createElement(OverlayLoader, {
-      text: "Loading page..."
+const PageEditor = ()=>{
+    const { getSettings } = useGetWebsiteBuilderSettings();
+    const [loading, setLoading] = useState(true);
+    const [page, setPage] = useState(null);
+    const [isRevisionListOpen, openRevisionList] = useState(false);
+    const { route } = useRoute(Routes.Pages.Editor);
+    const { getPage } = useGetPage();
+    useEffect(()=>{
+        setLoading(true);
+        Promise.all([
+            getSettings(),
+            getPage({
+                id: route.params.id
+            }).then((page)=>{
+                setPage(getPageDataFromPage(page));
+            })
+        ]).then(()=>{
+            setLoading(false);
+        });
+    }, [
+        route.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));
+    return /*#__PURE__*/ react.createElement(PageEditorDrawerProvider, {
+        openRevisionList: openRevisionList,
+        isRevisionListOpen: isRevisionListOpen
+    }, /*#__PURE__*/ react.createElement(DocumentEditor, {
+        key: page.id,
+        document: page,
+        name: EDITOR_NAME,
+        readOnly: page.status !== WbPageStatus.Draft
+    }, /*#__PURE__*/ react.createElement(DefaultEditorConfig, null), /*#__PURE__*/ react.createElement(DefaultPageEditorConfig, null), /*#__PURE__*/ react.createElement(RevisionListDrawer, {
+        page: page
+    })));
 };
+export { PageEditor };
 
 //# sourceMappingURL=PageEditor.js.map

package/modules/pages/PageEditor.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"modules/pages/PageEditor.js","sources":["../../../src/modules/pages/PageEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useRoute } from \"@webiny/app-admin\";\nimport { DocumentEditor } from \"~/DocumentEditor/DocumentEditor.js\";\nimport { 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 type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport type { Page } from \"~/domain/Page/index.js\";\nimport { Routes } from \"~/routes.js\";\nimport { WbPageStatus } from \"~/constants.js\";\nimport { RevisionListDrawer } from \"./PageEditor/Revisions/RevisionListDrawer.js\";\nimport { PageEditorDrawerProvider } from \"./PageEditor/Revisions/usePageEditorDrawer.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 [isRevisionListOpen, openRevisionList] = useState(false);\n\n    const { route } = useRoute(Routes.Pages.Editor);\n\n    const { getPage } = useGetPage();\n\n    useEffect(() => {\n        setLoading(true);\n        Promise.all([\n            getSettings(),\n            getPage({ id: route.params.id }).then(page => {\n                setPage(getPageDataFromPage(page));\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        <PageEditorDrawerProvider\n            openRevisionList={openRevisionList}\n            isRevisionListOpen={isRevisionListOpen}\n        >\n            <DocumentEditor<EditorPage>\n                key={page.id}\n                document={page}\n                name={EDITOR_NAME}\n                readOnly={page.status !== WbPageStatus.Draft}\n            >\n                <DefaultEditorConfig />\n                <DefaultPageEditorConfig />\n\n                <RevisionListDrawer page={page} />\n            </DocumentEditor>\n        </PageEditorDrawerProvider>\n    );\n};\n"],"names":["getPageDataFromPage","page","PageEditor","getSettings","useGetWebsiteBuilderSettings","loading","setLoading","useState","setPage","isRevisionListOpen","openRevisionList","route","useRoute","Routes","getPage","useGetPage","useEffect","Promise","OverlayLoader","PageEditorDrawerProvider","DocumentEditor","EDITOR_NAME","WbPageStatus","DefaultEditorConfig","DefaultPageEditorConfig","RevisionListDrawer"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,sBAAsB,CAACC,OAClB;QACH,GAAGA,IAAI;QACP,IAAIA,KAAK,EAAE;QACX,SAASA,KAAK,OAAO;QACrB,QAAQA,KAAK,MAAM;QACnB,UAAUA,KAAK,QAAQ;QACvB,YAAYA,KAAK,UAAU;QAC3B,UAAUA,KAAK,QAAQ;QACvB,UAAUA,KAAK,QAAQ;QACvB,UAAUA,KAAK,QAAQ;QACvB,OAAO,CAAC;IACZ;AAGG,MAAMC,aAAa;IACtB,MAAM,EAAEC,WAAW,EAAE,GAAGC;IACxB,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IACvC,MAAM,CAACN,MAAMO,QAAQ,GAAGD,SAA4B;IAEpD,MAAM,CAACE,oBAAoBC,iBAAiB,GAAGH,SAAS;IAExD,MAAM,EAAEI,KAAK,EAAE,GAAGC,SAASC,OAAO,KAAK,CAAC,MAAM;IAE9C,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpBC,UAAU;QACNV,WAAW;QACXW,QAAQ,GAAG,CAAC;YACRd;YACAW,QAAQ;gBAAE,IAAIH,MAAM,MAAM,CAAC,EAAE;YAAC,GAAG,IAAI,CAACV,CAAAA;gBAClCO,QAAQR,oBAAoBC;YAChC;SACH,EAAE,IAAI,CAAC;YACJK,WAAW;QACf;IACJ,GAAG;QAACK,MAAM,MAAM,CAAC,EAAE;KAAC;IAEpB,IAAIN,WAAW,CAACJ,MACZ,OAAO,WAAP,GAAO,oBAACiB,eAAaA;QAAC,MAAM;;IAGhC,OAAO,WAAP,GACI,oBAACC,0BAAwBA;QACrB,kBAAkBT;QAClB,oBAAoBD;qBAEpB,oBAACW,gBAAcA;QACX,KAAKnB,KAAK,EAAE;QACZ,UAAUA;QACV,MAAMoB;QACN,UAAUpB,KAAK,MAAM,KAAKqB,aAAa,KAAK;qBAE5C,oBAACC,qBAAmBA,OAAAA,WAAAA,GACpB,oBAACC,yBAAuBA,OAAAA,WAAAA,GAExB,oBAACC,oBAAkBA;QAAC,MAAMxB;;AAI1C"}

package/modules/pages/PageList.js

@@ -1,34 +1,30 @@
-import React from "react";
-import { useRoute, useRouter, AdminLayout, DialogsProvider } from "@webiny/app-admin";
+import react from "react";
+import { AdminLayout, DialogsProvider, useRoute, useRouter } 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 { WB_PAGE_APP, WB_PAGE_LATEST_VISITED_FOLDER } from "../../constants.js";
 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 = () => {
-  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(FoldersProvider, {
-    type: WB_PAGE_APP
-  }, /*#__PURE__*/React.createElement(NavigateFolderProvider, {
-    folderId: route.params.folderId,
-    createStorageKey: createStorageKey,
-    navigateToFolder: navigateToFolder
-  }, /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(PagesList, null))))));
+const createStorageKey = ()=>WB_PAGE_LATEST_VISITED_FOLDER;
+const PageList = ()=>{
+    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(FoldersProvider, {
+        type: WB_PAGE_APP
+    }, /*#__PURE__*/ react.createElement(NavigateFolderProvider, {
+        folderId: route.params.folderId,
+        createStorageKey: createStorageKey,
+        navigateToFolder: navigateToFolder
+    }, /*#__PURE__*/ react.createElement(DialogsProvider, null, /*#__PURE__*/ react.createElement(PagesList, null))))));
 };
+export { PageList };
 
 //# sourceMappingURL=PageList.js.map

package/modules/pages/PageList.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"modules/pages/PageList.js","sources":["../../../src/modules/pages/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"],"names":["createStorageKey","WB_PAGE_LATEST_VISITED_FOLDER","PageList","router","useRouter","route","useRoute","Routes","navigateToFolder","folderId","AdminLayout","PageListWithConfig","FoldersProvider","WB_PAGE_APP","NavigateFolderProvider","DialogsProvider","PagesList"],"mappings":";;;;;;;;AAUA,MAAMA,mBAAmB,IACdC;AAGJ,MAAMC,WAAW;IACpB,MAAMC,SAASC;IACf,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,KAAK,CAAC,IAAI;IAE5C,MAAMC,mBAAmB,CAACC;QACtBN,OAAO,SAAS,CAACI,OAAO,KAAK,CAAC,IAAI,EAAE;YAAEE;QAAS;IACnD;IAEA,OAAO,WAAP,GACI,oBAACC,aAAWA;QAAC,OAAO;qBAChB,oBAACC,oBAAkBA,MAAAA,WAAAA,GACf,oBAACC,iBAAeA;QAAC,MAAMC;qBACnB,oBAACC,wBAAsBA;QACnB,UAAUT,MAAM,MAAM,CAAC,QAAQ;QAC/B,kBAAkBL;QAClB,kBAAkBQ;qBAElB,oBAACO,iBAAeA,MAAAA,WAAAA,GACZ,oBAACC,WAASA;AAOtC"}

package/modules/pages/PagesList/PagesList.js

@@ -1,12 +1,11 @@
-import React from "react";
+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";
-export const PagesList = () => {
-  return /*#__PURE__*/React.createElement(Layout, {
-    main: /*#__PURE__*/React.createElement(Main, null),
-    sidebar: /*#__PURE__*/React.createElement(Sidebar, null)
-  });
-};
+const PagesList = ()=>/*#__PURE__*/ react.createElement(Layout, {
+        main: /*#__PURE__*/ react.createElement(Main, null),
+        sidebar: /*#__PURE__*/ react.createElement(Sidebar, null)
+    });
+export { PagesList };
 
 //# sourceMappingURL=PagesList.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"modules/pages/PagesList/PagesList.js","sources":["../../../../src/modules/pages/PagesList/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"],"names":["PagesList","Layout","Main","Sidebar"],"mappings":";;;;AAKO,MAAMA,YAAY,IACd,WAAP,GAAO,oBAACC,QAAMA;QAAC,oBAAM,oBAACC,MAAIA;QAAK,uBAAS,oBAACC,SAAOA"}