@webiny/app-website-builder 6.0.0 → 6.1.0-beta.1

package/BaseEditor/hooks/useDeleteElement.js

@@ -0,0 +1,16 @@
+import { useCallback } from "react";
+import { useDocumentEditor } from "../../DocumentEditor/index.js";
+import { Commands } from "../commands.js";
+export function useDeleteElement() {
+  const editor = useDocumentEditor();
+  const deleteElement = useCallback(id => {
+    editor.executeCommand(Commands.DeleteElement, {
+      id
+    });
+  }, [editor]);
+  return {
+    deleteElement
+  };
+}
+
+//# sourceMappingURL=useDeleteElement.js.map

package/BaseEditor/hooks/useDeleteElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useDocumentEditor","Commands","useDeleteElement","editor","deleteElement","id","executeCommand","DeleteElement"],"sources":["useDeleteElement.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/commands.js\";\n\nexport function useDeleteElement() {\n    const editor = useDocumentEditor();\n\n    const deleteElement = useCallback(\n        (id: string) => {\n            editor.executeCommand(Commands.DeleteElement, { id });\n        },\n        [editor]\n    );\n\n    return { deleteElement };\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AAEjB,OAAO,SAASC,gBAAgBA,CAAA,EAAG;EAC/B,MAAMC,MAAM,GAAGH,iBAAiB,CAAC,CAAC;EAElC,MAAMI,aAAa,GAAGL,WAAW,CAC5BM,EAAU,IAAK;IACZF,MAAM,CAACG,cAAc,CAACL,QAAQ,CAACM,aAAa,EAAE;MAAEF;IAAG,CAAC,CAAC;EACzD,CAAC,EACD,CAACF,MAAM,CACX,CAAC;EAED,OAAO;IAAEC;EAAc,CAAC;AAC5B","ignoreList":[]}

package/BaseEditor/hooks/useElementInputs.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Returns the resolved input values for the given element, plus an updater callback.
+ *
+ * @param elementId  The element whose inputs to resolve (null returns {}).
+ * @param depth      How many levels of slot children to resolve (default 0).
+ */
+export declare function useElementInputs<T extends Record<string, any> = Record<string, any>>(elementId: string | null, depth?: number): {
+    inputs: T;
+    updateInputs: (updater: (inputs: T) => void) => void;
+};

package/BaseEditor/hooks/useElementInputs.js

@@ -0,0 +1,33 @@
+import { useCallback } from "react";
+import { useSelectFromDocument } from "./useSelectFromDocument.js";
+import { useSelectFromEditor } from "./useSelectFromEditor.js";
+import { useUpdateElement } from "./useUpdateElement.js";
+import { $getElementInputValues } from "../../editorSdk/utils/$getElementInputValues.js";
+
+/**
+ * Returns the resolved input values for the given element, plus an updater callback.
+ *
+ * @param elementId  The element whose inputs to resolve (null returns {}).
+ * @param depth      How many levels of slot children to resolve (default 0).
+ */
+export function useElementInputs(elementId, depth = 0) {
+  const components = useSelectFromEditor(state => state.components);
+  const {
+    updateElement
+  } = useUpdateElement();
+
+  // Compute inputs inside the selector so MobX tracks the specific observable
+  // reads (elements, bindings, state) and triggers rerenders on changes.
+  const inputs = useSelectFromDocument(doc => $getElementInputValues(doc, components, elementId, depth), [components, elementId, depth]);
+  const updateInputs = useCallback(updater => {
+    if (elementId) {
+      updateElement(elementId, updater);
+    }
+  }, [updateElement, elementId]);
+  return {
+    inputs,
+    updateInputs
+  };
+}
+
+//# sourceMappingURL=useElementInputs.js.map

package/BaseEditor/hooks/useElementInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useSelectFromDocument","useSelectFromEditor","useUpdateElement","$getElementInputValues","useElementInputs","elementId","depth","components","state","updateElement","inputs","doc","updateInputs","updater"],"sources":["useElementInputs.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useSelectFromDocument } from \"./useSelectFromDocument.js\";\nimport { useSelectFromEditor } from \"./useSelectFromEditor.js\";\nimport { useUpdateElement } from \"./useUpdateElement.js\";\nimport { $getElementInputValues } from \"~/editorSdk/utils/$getElementInputValues.js\";\n\n/**\n * Returns the resolved input values for the given element, plus an updater callback.\n *\n * @param elementId  The element whose inputs to resolve (null returns {}).\n * @param depth      How many levels of slot children to resolve (default 0).\n */\nexport function useElementInputs<T extends Record<string, any> = Record<string, any>>(\n    elementId: string | null,\n    depth = 0\n) {\n    const components = useSelectFromEditor(state => state.components);\n    const { updateElement } = useUpdateElement();\n\n    // Compute inputs inside the selector so MobX tracks the specific observable\n    // reads (elements, bindings, state) and triggers rerenders on changes.\n    const inputs = useSelectFromDocument(\n        doc => $getElementInputValues(doc, components, elementId, depth) as T,\n        [components, elementId, depth]\n    );\n\n    const updateInputs = useCallback(\n        (updater: (inputs: T) => void) => {\n            if (elementId) {\n                updateElement<T>(elementId, updater);\n            }\n        },\n        [updateElement, elementId]\n    );\n\n    return { inputs, updateInputs };\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAC5B,SAASC,gBAAgB;AACzB,SAASC,sBAAsB;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAC5BC,SAAwB,EACxBC,KAAK,GAAG,CAAC,EACX;EACE,MAAMC,UAAU,GAAGN,mBAAmB,CAACO,KAAK,IAAIA,KAAK,CAACD,UAAU,CAAC;EACjE,MAAM;IAAEE;EAAc,CAAC,GAAGP,gBAAgB,CAAC,CAAC;;EAE5C;EACA;EACA,MAAMQ,MAAM,GAAGV,qBAAqB,CAChCW,GAAG,IAAIR,sBAAsB,CAACQ,GAAG,EAAEJ,UAAU,EAAEF,SAAS,EAAEC,KAAK,CAAM,EACrE,CAACC,UAAU,EAAEF,SAAS,EAAEC,KAAK,CACjC,CAAC;EAED,MAAMM,YAAY,GAAGb,WAAW,CAC3Bc,OAA4B,IAAK;IAC9B,IAAIR,SAAS,EAAE;MACXI,aAAa,CAAIJ,SAAS,EAAEQ,OAAO,CAAC;IACxC;EACJ,CAAC,EACD,CAACJ,aAAa,EAAEJ,SAAS,CAC7B,CAAC;EAED,OAAO;IAAEK,MAAM;IAAEE;EAAa,CAAC;AACnC","ignoreList":[]}

package/BaseEditor/hooks/useElementOverlay.d.ts

@@ -0,0 +1 @@
+export { useElementOverlay } from "../../BaseEditor/defaultConfig/Content/Preview/Overlays/ElementOverlayProvider.js";

package/BaseEditor/hooks/useElementOverlay.js

@@ -0,0 +1,3 @@
+export { useElementOverlay } from "../defaultConfig/Content/Preview/Overlays/ElementOverlayProvider.js";
+
+//# sourceMappingURL=useElementOverlay.js.map

package/BaseEditor/hooks/useElementOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useElementOverlay"],"sources":["useElementOverlay.ts"],"sourcesContent":["export { useElementOverlay } from \"~/BaseEditor/defaultConfig/Content/Preview/Overlays/ElementOverlayProvider.js\";\n"],"mappings":"AAAA,SAASA,iBAAiB","ignoreList":[]}

package/BaseEditor/hooks/useHighlightedElement.d.ts

@@ -0,0 +1,2 @@
+import type { DocumentElement } from "@webiny/website-builder-sdk";
+export declare const useHighlightedElement: () => DocumentElement | null;

package/BaseEditor/hooks/useHighlightedElement.js

@@ -0,0 +1,26 @@
+import { autorun, toJS } from "mobx";
+import { useEffect, useState } from "react";
+import { useDocumentEditor } from "../../DocumentEditor/index.js";
+import deepEqual from "deep-equal";
+export const useHighlightedElement = () => {
+  const [highlightedElement, setHighlightedElement] = useState(null);
+  const editor = useDocumentEditor();
+  useEffect(() => {
+    return autorun(() => {
+      const editorState = editor.getEditorState().read();
+      const documentState = editor.getDocumentState().read();
+      const elementId = editorState.highlightedElement;
+      if (elementId) {
+        const newElement = toJS(documentState.elements[elementId]);
+        if (!deepEqual(newElement, highlightedElement)) {
+          setHighlightedElement(newElement);
+        }
+      } else {
+        setHighlightedElement(null);
+      }
+    });
+  }, [highlightedElement]);
+  return highlightedElement;
+};
+
+//# sourceMappingURL=useHighlightedElement.js.map

package/BaseEditor/hooks/useHighlightedElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["autorun","toJS","useEffect","useState","useDocumentEditor","deepEqual","useHighlightedElement","highlightedElement","setHighlightedElement","editor","editorState","getEditorState","read","documentState","getDocumentState","elementId","newElement","elements"],"sources":["useHighlightedElement.ts"],"sourcesContent":["import { autorun, toJS } from \"mobx\";\nimport { useEffect, useState } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport type { DocumentElement } from \"@webiny/website-builder-sdk\";\nimport deepEqual from \"deep-equal\";\n\nexport const useHighlightedElement = () => {\n    const [highlightedElement, setHighlightedElement] = useState<DocumentElement | null>(null);\n    const editor = useDocumentEditor();\n\n    useEffect(() => {\n        return autorun(() => {\n            const editorState = editor.getEditorState().read();\n            const documentState = editor.getDocumentState().read();\n\n            const elementId = editorState.highlightedElement;\n\n            if (elementId) {\n                const newElement = toJS(documentState.elements[elementId]);\n                if (!deepEqual(newElement, highlightedElement)) {\n                    setHighlightedElement(newElement);\n                }\n            } else {\n                setHighlightedElement(null);\n            }\n        });\n    }, [highlightedElement]);\n\n    return highlightedElement;\n};\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,IAAI,QAAQ,MAAM;AACpC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,iBAAiB;AAE1B,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGL,QAAQ,CAAyB,IAAI,CAAC;EAC1F,MAAMM,MAAM,GAAGL,iBAAiB,CAAC,CAAC;EAElCF,SAAS,CAAC,MAAM;IACZ,OAAOF,OAAO,CAAC,MAAM;MACjB,MAAMU,WAAW,GAAGD,MAAM,CAACE,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;MAClD,MAAMC,aAAa,GAAGJ,MAAM,CAACK,gBAAgB,CAAC,CAAC,CAACF,IAAI,CAAC,CAAC;MAEtD,MAAMG,SAAS,GAAGL,WAAW,CAACH,kBAAkB;MAEhD,IAAIQ,SAAS,EAAE;QACX,MAAMC,UAAU,GAAGf,IAAI,CAACY,aAAa,CAACI,QAAQ,CAACF,SAAS,CAAC,CAAC;QAC1D,IAAI,CAACV,SAAS,CAACW,UAAU,EAAET,kBAAkB,CAAC,EAAE;UAC5CC,qBAAqB,CAACQ,UAAU,CAAC;QACrC;MACJ,CAAC,MAAM;QACHR,qBAAqB,CAAC,IAAI,CAAC;MAC/B;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,kBAAkB,CAAC,CAAC;EAExB,OAAOA,kBAAkB;AAC7B,CAAC","ignoreList":[]}

package/BaseEditor/hooks/useReservedUISpace.d.ts

@@ -0,0 +1,10 @@
+interface Dimensions {
+    width: number;
+    height: number;
+}
+/**
+ * Observe DOM elements that affect preview container width/height.
+ * Sum dimensions of all `data-affects-preview` elements and execute the callback.
+ */
+export declare const useReservedUISpace: (callback: (dimensions: Dimensions) => void) => void;
+export {};

package/BaseEditor/hooks/useReservedUISpace.js

@@ -0,0 +1,48 @@
+import { useEffect } from "react";
+/**
+ * Observe DOM elements that affect preview container width/height.
+ * Sum dimensions of all `data-affects-preview` elements and execute the callback.
+ */
+export const useReservedUISpace = callback => {
+  useEffect(() => {
+    const recalculate = () => {
+      const elements = document.querySelectorAll("[data-affects-preview]");
+      let totalWidth = 0;
+      let totalHeight = 0;
+      elements.forEach(el => {
+        const affects = el.getAttribute("data-affects-preview") ?? "";
+        const tracks = affects.split(",").map(s => s.trim());
+        const rect = el.getBoundingClientRect();
+        if (tracks.includes("width")) {
+          totalWidth += rect.width;
+        }
+        if (tracks.includes("height")) {
+          totalHeight += rect.height;
+        }
+      });
+      callback({
+        width: totalWidth,
+        height: totalHeight
+      });
+    };
+    const resizeObserver = new ResizeObserver(recalculate);
+    const observeExisting = () => {
+      document.querySelectorAll("[data-affects-preview]").forEach(el => {
+        resizeObserver.observe(el);
+      });
+    };
+    const mutationObserver = new MutationObserver(observeExisting);
+    mutationObserver.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    observeExisting();
+    recalculate();
+    return () => {
+      resizeObserver.disconnect();
+      mutationObserver.disconnect();
+    };
+  }, [callback]);
+};
+
+//# sourceMappingURL=useReservedUISpace.js.map

package/BaseEditor/hooks/useReservedUISpace.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useReservedUISpace","callback","recalculate","elements","document","querySelectorAll","totalWidth","totalHeight","forEach","el","affects","getAttribute","tracks","split","map","s","trim","rect","getBoundingClientRect","includes","width","height","resizeObserver","ResizeObserver","observeExisting","observe","mutationObserver","MutationObserver","body","childList","subtree","disconnect"],"sources":["useReservedUISpace.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\ninterface Dimensions {\n    width: number;\n    height: number;\n}\n\n/**\n * Observe DOM elements that affect preview container width/height.\n * Sum dimensions of all `data-affects-preview` elements and execute the callback.\n */\nexport const useReservedUISpace = (callback: (dimensions: Dimensions) => void) => {\n    useEffect(() => {\n        const recalculate = () => {\n            const elements = document.querySelectorAll(\"[data-affects-preview]\");\n            let totalWidth = 0;\n            let totalHeight = 0;\n\n            elements.forEach(el => {\n                const affects = el.getAttribute(\"data-affects-preview\") ?? \"\";\n                const tracks = affects.split(\",\").map(s => s.trim());\n                const rect = el.getBoundingClientRect();\n\n                if (tracks.includes(\"width\")) {\n                    totalWidth += rect.width;\n                }\n\n                if (tracks.includes(\"height\")) {\n                    totalHeight += rect.height;\n                }\n            });\n\n            callback({ width: totalWidth, height: totalHeight });\n        };\n\n        const resizeObserver = new ResizeObserver(recalculate);\n\n        const observeExisting = () => {\n            document.querySelectorAll(\"[data-affects-preview]\").forEach(el => {\n                resizeObserver.observe(el);\n            });\n        };\n\n        const mutationObserver = new MutationObserver(observeExisting);\n        mutationObserver.observe(document.body, { childList: true, subtree: true });\n\n        observeExisting();\n        recalculate();\n\n        return () => {\n            resizeObserver.disconnect();\n            mutationObserver.disconnect();\n        };\n    }, [callback]);\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAOjC;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAIC,QAA0C,IAAK;EAC9EF,SAAS,CAAC,MAAM;IACZ,MAAMG,WAAW,GAAGA,CAAA,KAAM;MACtB,MAAMC,QAAQ,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,wBAAwB,CAAC;MACpE,IAAIC,UAAU,GAAG,CAAC;MAClB,IAAIC,WAAW,GAAG,CAAC;MAEnBJ,QAAQ,CAACK,OAAO,CAACC,EAAE,IAAI;QACnB,MAAMC,OAAO,GAAGD,EAAE,CAACE,YAAY,CAAC,sBAAsB,CAAC,IAAI,EAAE;QAC7D,MAAMC,MAAM,GAAGF,OAAO,CAACG,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAACC,CAAC,IAAIA,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;QACpD,MAAMC,IAAI,GAAGR,EAAE,CAACS,qBAAqB,CAAC,CAAC;QAEvC,IAAIN,MAAM,CAACO,QAAQ,CAAC,OAAO,CAAC,EAAE;UAC1Bb,UAAU,IAAIW,IAAI,CAACG,KAAK;QAC5B;QAEA,IAAIR,MAAM,CAACO,QAAQ,CAAC,QAAQ,CAAC,EAAE;UAC3BZ,WAAW,IAAIU,IAAI,CAACI,MAAM;QAC9B;MACJ,CAAC,CAAC;MAEFpB,QAAQ,CAAC;QAAEmB,KAAK,EAAEd,UAAU;QAAEe,MAAM,EAAEd;MAAY,CAAC,CAAC;IACxD,CAAC;IAED,MAAMe,cAAc,GAAG,IAAIC,cAAc,CAACrB,WAAW,CAAC;IAEtD,MAAMsB,eAAe,GAAGA,CAAA,KAAM;MAC1BpB,QAAQ,CAACC,gBAAgB,CAAC,wBAAwB,CAAC,CAACG,OAAO,CAACC,EAAE,IAAI;QAC9Da,cAAc,CAACG,OAAO,CAAChB,EAAE,CAAC;MAC9B,CAAC,CAAC;IACN,CAAC;IAED,MAAMiB,gBAAgB,GAAG,IAAIC,gBAAgB,CAACH,eAAe,CAAC;IAC9DE,gBAAgB,CAACD,OAAO,CAACrB,QAAQ,CAACwB,IAAI,EAAE;MAAEC,SAAS,EAAE,IAAI;MAAEC,OAAO,EAAE;IAAK,CAAC,CAAC;IAE3EN,eAAe,CAAC,CAAC;IACjBtB,WAAW,CAAC,CAAC;IAEb,OAAO,MAAM;MACToB,cAAc,CAACS,UAAU,CAAC,CAAC;MAC3BL,gBAAgB,CAACK,UAAU,CAAC,CAAC;IACjC,CAAC;EACL,CAAC,EAAE,CAAC9B,QAAQ,CAAC,CAAC;AAClB,CAAC","ignoreList":[]}

package/BaseEditor/hooks/useUpdateElement.d.ts

@@ -0,0 +1,3 @@
+export declare function useUpdateElement(): {
+    updateElement: <T extends Record<string, any> = Record<string, any>>(elementId: string, updater: (inputs: T) => void) => void;
+};

package/BaseEditor/hooks/useUpdateElement.js

@@ -0,0 +1,14 @@
+import { useCallback } from "react";
+import { useDocumentEditor } from "../../DocumentEditor/index.js";
+import { $updateElementInputs } from "../../editorSdk/utils/$updateElementInputs.js";
+export function useUpdateElement() {
+  const editor = useDocumentEditor();
+  const updateElement = useCallback((elementId, updater) => {
+    $updateElementInputs(editor, elementId, updater);
+  }, [editor]);
+  return {
+    updateElement
+  };
+}
+
+//# sourceMappingURL=useUpdateElement.js.map

package/BaseEditor/hooks/useUpdateElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useDocumentEditor","$updateElementInputs","useUpdateElement","editor","updateElement","elementId","updater"],"sources":["useUpdateElement.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { $updateElementInputs } from \"~/editorSdk/utils/$updateElementInputs.js\";\n\nexport function useUpdateElement() {\n    const editor = useDocumentEditor();\n\n    const updateElement = useCallback(\n        <T extends Record<string, any> = Record<string, any>>(\n            elementId: string,\n            updater: (inputs: T) => void\n        ) => {\n            $updateElementInputs(\n                editor,\n                elementId,\n                updater as (inputs: Record<string, any>) => void\n            );\n        },\n        [editor]\n    );\n\n    return { updateElement };\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,iBAAiB;AAC1B,SAASC,oBAAoB;AAE7B,OAAO,SAASC,gBAAgBA,CAAA,EAAG;EAC/B,MAAMC,MAAM,GAAGH,iBAAiB,CAAC,CAAC;EAElC,MAAMI,aAAa,GAAGL,WAAW,CAC7B,CACIM,SAAiB,EACjBC,OAA4B,KAC3B;IACDL,oBAAoB,CAChBE,MAAM,EACNE,SAAS,EACTC,OACJ,CAAC;EACL,CAAC,EACD,CAACH,MAAM,CACX,CAAC;EAED,OAAO;IAAEC;EAAc,CAAC;AAC5B","ignoreList":[]}

package/DocumentEditor/StateInspector.js

@@ -1,51 +1,24 @@
 import React from "react";
-import Monaco from "@monaco-editor/react";
-import { Tabs } from "@webiny/admin-ui";
-import { FloatingPanel } from "@webiny/app-admin";
+import { toJS } from "mobx";
 import { observer } from "mobx-react-lite";
-const monacoTheme = "vs-light";
-const monacoOptions = {
-  minimap: {
-    enabled: false
-  }
-};
+import { DevToolsSection } from "@webiny/app-admin";
 function BaseStateInspector({
   editor
 }) {
-  const document = editor.getDocumentState().read();
-  const editorState = editor.getEditorState().read();
-  return /*#__PURE__*/React.createElement(FloatingPanel, {
-    shortcut: "Cmd+E",
-    dragHandle: ".floating-panel"
-  }, ({
-    height
-  }) => /*#__PURE__*/React.createElement(Tabs, {
-    size: "md",
-    spacing: "sm",
-    separator: true,
-    tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "document",
-      value: "document",
-      trigger: "Document",
-      content: /*#__PURE__*/React.createElement(Monaco, {
-        theme: monacoTheme,
-        height: height - 76,
-        defaultLanguage: "json",
-        value: JSON.stringify(document, null, 2),
-        options: monacoOptions
-      })
-    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "editorState",
-      value: "editorState",
-      trigger: "Editor State",
-      content: /*#__PURE__*/React.createElement(Monaco, {
-        theme: monacoTheme,
-        height: height - 76,
-        defaultLanguage: "json",
-        value: JSON.stringify(editorState, null, 2),
-        options: monacoOptions
-      })
-    })]
+  // toJS() deep-reads every observable property, which makes MobX
+  // track them all and re-render this observer when anything changes.
+  const document = toJS(editor.getDocumentState().read());
+  const editorState = toJS(editor.getEditorState().read());
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DevToolsSection, {
+    name: "Document State",
+    group: "WB Page Editor",
+    data: document,
+    views: "raw"
+  }), /*#__PURE__*/React.createElement(DevToolsSection, {
+    name: "Editor State",
+    group: "WB Page Editor",
+    data: editorState,
+    views: "raw"
   }));
 }
 export const StateInspector = observer(BaseStateInspector);

package/DocumentEditor/StateInspector.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Monaco","Tabs","FloatingPanel","observer","monacoTheme","monacoOptions","minimap","enabled","BaseStateInspector","editor","document","getDocumentState","read","editorState","getEditorState","createElement","shortcut","dragHandle","height","size","spacing","separator","tabs","Tab","key","value","trigger","content","theme","defaultLanguage","JSON","stringify","options","StateInspector"],"sources":["StateInspector.tsx"],"sourcesContent":["import React from \"react\";\nimport Monaco from \"@monaco-editor/react\";\nimport { Tabs } from \"@webiny/admin-ui\";\nimport { FloatingPanel } from \"@webiny/app-admin\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\nimport type { Editor } from \"~/editorSdk/Editor.js\";\nimport { observer } from \"mobx-react-lite\";\n\nconst monacoTheme = \"vs-light\";\nconst monacoOptions = { minimap: { enabled: false } };\n\nfunction BaseStateInspector<TDocument extends EditorDocument>({\n    editor\n}: {\n    editor: Editor<TDocument>;\n}) {\n    const document = editor.getDocumentState().read();\n    const editorState = editor.getEditorState().read();\n\n    return (\n        <FloatingPanel shortcut={\"Cmd+E\"} dragHandle={\".floating-panel\"}>\n            {({ height }) => (\n                <Tabs\n                    size=\"md\"\n                    spacing=\"sm\"\n                    separator={true}\n                    tabs={[\n                        <Tabs.Tab\n                            key=\"document\"\n                            value=\"document\"\n                            trigger={\"Document\"}\n                            content={\n                                <Monaco\n                                    theme={monacoTheme}\n                                    height={height - 76}\n                                    defaultLanguage={\"json\"}\n                                    value={JSON.stringify(document, null, 2)}\n                                    options={monacoOptions}\n                                />\n                            }\n                        />,\n                        <Tabs.Tab\n                            key=\"editorState\"\n                            value=\"editorState\"\n                            trigger={\"Editor State\"}\n                            content={\n                                <Monaco\n                                    theme={monacoTheme}\n                                    height={height - 76}\n                                    defaultLanguage={\"json\"}\n                                    value={JSON.stringify(editorState, null, 2)}\n                                    options={monacoOptions}\n                                />\n                            }\n                        />\n                    ]}\n                />\n            )}\n        </FloatingPanel>\n    );\n}\n\nexport const StateInspector = observer(BaseStateInspector);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,sBAAsB;AACzC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,aAAa,QAAQ,mBAAmB;AAGjD,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,MAAMC,WAAW,GAAG,UAAU;AAC9B,MAAMC,aAAa,GAAG;EAAEC,OAAO,EAAE;IAAEC,OAAO,EAAE;EAAM;AAAE,CAAC;AAErD,SAASC,kBAAkBA,CAAmC;EAC1DC;AAGJ,CAAC,EAAE;EACC,MAAMC,QAAQ,GAAGD,MAAM,CAACE,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;EACjD,MAAMC,WAAW,GAAGJ,MAAM,CAACK,cAAc,CAAC,CAAC,CAACF,IAAI,CAAC,CAAC;EAElD,oBACIb,KAAA,CAAAgB,aAAA,CAACb,aAAa;IAACc,QAAQ,EAAE,OAAQ;IAACC,UAAU,EAAE;EAAkB,GAC3D,CAAC;IAAEC;EAAO,CAAC,kBACRnB,KAAA,CAAAgB,aAAA,CAACd,IAAI;IACDkB,IAAI,EAAC,IAAI;IACTC,OAAO,EAAC,IAAI;IACZC,SAAS,EAAE,IAAK;IAChBC,IAAI,EAAE,cACFvB,KAAA,CAAAgB,aAAA,CAACd,IAAI,CAACsB,GAAG;MACLC,GAAG,EAAC,UAAU;MACdC,KAAK,EAAC,UAAU;MAChBC,OAAO,EAAE,UAAW;MACpBC,OAAO,eACH5B,KAAA,CAAAgB,aAAA,CAACf,MAAM;QACH4B,KAAK,EAAExB,WAAY;QACnBc,MAAM,EAAEA,MAAM,GAAG,EAAG;QACpBW,eAAe,EAAE,MAAO;QACxBJ,KAAK,EAAEK,IAAI,CAACC,SAAS,CAACrB,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAE;QACzCsB,OAAO,EAAE3B;MAAc,CAC1B;IACJ,CACJ,CAAC,eACFN,KAAA,CAAAgB,aAAA,CAACd,IAAI,CAACsB,GAAG;MACLC,GAAG,EAAC,aAAa;MACjBC,KAAK,EAAC,aAAa;MACnBC,OAAO,EAAE,cAAe;MACxBC,OAAO,eACH5B,KAAA,CAAAgB,aAAA,CAACf,MAAM;QACH4B,KAAK,EAAExB,WAAY;QACnBc,MAAM,EAAEA,MAAM,GAAG,EAAG;QACpBW,eAAe,EAAE,MAAO;QACxBJ,KAAK,EAAEK,IAAI,CAACC,SAAS,CAAClB,WAAW,EAAE,IAAI,EAAE,CAAC,CAAE;QAC5CmB,OAAO,EAAE3B;MAAc,CAC1B;IACJ,CACJ,CAAC;EACJ,CACL,CAEM,CAAC;AAExB;AAEA,OAAO,MAAM4B,cAAc,GAAG9B,QAAQ,CAACK,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","toJS","observer","DevToolsSection","BaseStateInspector","editor","document","getDocumentState","read","editorState","getEditorState","createElement","Fragment","name","group","data","views","StateInspector"],"sources":["StateInspector.tsx"],"sourcesContent":["import React from \"react\";\nimport { toJS } from \"mobx\";\nimport { observer } from \"mobx-react-lite\";\nimport { DevToolsSection } from \"@webiny/app-admin\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\nimport type { Editor } from \"~/editorSdk/Editor.js\";\n\nfunction BaseStateInspector<TDocument extends EditorDocument>({\n    editor\n}: {\n    editor: Editor<TDocument>;\n}) {\n    // toJS() deep-reads every observable property, which makes MobX\n    // track them all and re-render this observer when anything changes.\n    const document = toJS(editor.getDocumentState().read());\n    const editorState = toJS(editor.getEditorState().read());\n\n    return (\n        <>\n            <DevToolsSection\n                name={\"Document State\"}\n                group={\"WB Page Editor\"}\n                data={document}\n                views={\"raw\"}\n            />\n            <DevToolsSection\n                name={\"Editor State\"}\n                group={\"WB Page Editor\"}\n                data={editorState}\n                views={\"raw\"}\n            />\n        </>\n    );\n}\n\nexport const StateInspector = observer(BaseStateInspector);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,MAAM;AAC3B,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,eAAe,QAAQ,mBAAmB;AAInD,SAASC,kBAAkBA,CAAmC;EAC1DC;AAGJ,CAAC,EAAE;EACC;EACA;EACA,MAAMC,QAAQ,GAAGL,IAAI,CAACI,MAAM,CAACE,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;EACvD,MAAMC,WAAW,GAAGR,IAAI,CAACI,MAAM,CAACK,cAAc,CAAC,CAAC,CAACF,IAAI,CAAC,CAAC,CAAC;EAExD,oBACIR,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACIZ,KAAA,CAAAW,aAAA,CAACR,eAAe;IACZU,IAAI,EAAE,gBAAiB;IACvBC,KAAK,EAAE,gBAAiB;IACxBC,IAAI,EAAET,QAAS;IACfU,KAAK,EAAE;EAAM,CAChB,CAAC,eACFhB,KAAA,CAAAW,aAAA,CAACR,eAAe;IACZU,IAAI,EAAE,cAAe;IACrBC,KAAK,EAAE,gBAAiB;IACxBC,IAAI,EAAEN,WAAY;IAClBO,KAAK,EAAE;EAAM,CAChB,CACH,CAAC;AAEX;AAEA,OAAO,MAAMC,cAAc,GAAGf,QAAQ,CAACE,kBAAkB,CAAC","ignoreList":[]}

package/Extension.js

@@ -50,14 +50,7 @@ export const Extension = () => {
     })
   })), /*#__PURE__*/React.createElement(HasPermission, {
     entity: "page"
-  }, /*#__PURE__*/React.createElement(Menu, {
-    name: "wb.pagesLabel",
-    parent: "Wb",
-    element: /*#__PURE__*/React.createElement(Menu.Group, {
-      text: "Pages",
-      pinnable: true
-    })
-  }), /*#__PURE__*/React.createElement(Route, {
+  }, /*#__PURE__*/React.createElement(Route, {
     route: Routes.Pages.List,
     element: /*#__PURE__*/React.createElement(PageList, null)
   }), /*#__PURE__*/React.createElement(Route, {

package/Extension.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","AdminConfig","RegisterFeature","useContainer","useRouter","ReactComponent","PagesIcon","PermissionsIcon","PageEditor","PageList","useSettingsDialog","useIntegrationsDialog","PagesListConfig","RedirectsList","RedirectsListConfig","Routes","PagesWidget","PageListFeature","Extension","NavigationExtension","NextjsConfigFeature","WB_PERMISSIONS_SCHEMA","HasPermission","Security","Menu","Route","Dashboard","router","container","register","createElement","Fragment","feature","Permissions","name","title","description","icon","schema","any","element","Item","text","Link","Icon","label","entity","parent","Group","pinnable","route","Pages","List","Editor","to","getLink","Widget","column","Redirects","SettingsMenuItem","IntegrationsMenuItem","displayName","showSettingsDialog","onClick","showIntegrationsDialog"],"sources":["Extension.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { AdminConfig, RegisterFeature, useContainer } from \"@webiny/app-admin\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as PagesIcon } from \"@webiny/icons/table_chart.svg\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/table_chart.svg\";\nimport { PageEditor } from \"~/modules/pages/PageEditor.js\";\nimport { PageList } from \"~/modules/pages/PageList.js\";\nimport { useSettingsDialog } from \"~/modules/settings/useSettingsDialog.js\";\nimport { useIntegrationsDialog } from \"./modules/integrations/useIntegrationsDialog.js\";\nimport { PagesListConfig } from \"~/modules/pages/PagesListConfig.js\";\nimport { RedirectsList } from \"~/modules/redirects/RedirectsList.js\";\nimport { RedirectsListConfig } from \"~/modules/redirects/RedirectsListConfig.js\";\nimport { Routes } from \"~/routes.js\";\nimport { PagesWidget } from \"~/modules/widgets/PagesWidget.js\";\nimport { PageListFeature } from \"~/presentation/pages/PageList/feature.js\";\nimport { Extension as NavigationExtension } from \"./presentation/navigation/Extension.js\";\nimport { NextjsConfigFeature } from \"~/presentation/navigation/NextjsConfig/feature.js\";\nimport { WB_PERMISSIONS_SCHEMA } from \"~/constants.js\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\n\nconst { Security, Menu, Route, Dashboard } = AdminConfig;\n\nexport const Extension = () => {\n    const router = useRouter();\n    const container = useContainer();\n\n    useEffect(() => {\n        PageListFeature.register(container);\n    }, []);\n\n    return (\n        <>\n            <RegisterFeature feature={NextjsConfigFeature} />\n            <AdminConfig>\n                <Security.Permissions\n                    name=\"website-builder\"\n                    title=\"Website Builder\"\n                    description=\"Manage Website Builder permissions.\"\n                    icon={<PermissionsIcon />}\n                    schema={WB_PERMISSIONS_SCHEMA}\n                />\n                <HasPermission any={[\"page\", \"redirect\"]}>\n                    <Menu\n                        name=\"wb\"\n                        element={\n                            <Menu.Item\n                                text={\"Website Builder\"}\n                                icon={\n                                    <Menu.Link.Icon\n                                        label={\"Website Builder\"}\n                                        element={<PagesIcon />}\n                                    />\n                                }\n                            />\n                        }\n                    />\n                </HasPermission>\n\n                <HasPermission entity={\"page\"}>\n                    <Menu\n                        name=\"wb.pagesLabel\"\n                        parent=\"Wb\"\n                        element={<Menu.Group text={\"Pages\"} pinnable={true} />}\n                    />\n                    <Route route={Routes.Pages.List} element={<PageList />} />\n                    <Route route={Routes.Pages.Editor} element={<PageEditor />} />\n                    <Menu\n                        name=\"wb.pages\"\n                        parent={\"wb\"}\n                        element={\n                            <Menu.Link\n                                text={\"Pages\"}\n                                to={router.getLink(Routes.Pages.List)}\n                                pinnable={true}\n                            />\n                        }\n                    />\n                    <Dashboard.Widget name=\"wb.pages\" column={\"left\"} element={<PagesWidget />} />\n                    <NavigationExtension />\n                </HasPermission>\n\n                <HasPermission entity={\"redirect\"}>\n                    <Route route={Routes.Redirects.List} element={<RedirectsList />} />\n                    <Menu\n                        name=\"wb.redirects\"\n                        parent={\"wb\"}\n                        element={\n                            <Menu.Link\n                                text={\"Redirects\"}\n                                to={router.getLink(Routes.Redirects.List)}\n                                pinnable={true}\n                            />\n                        }\n                    />\n                </HasPermission>\n                <HasPermission entity={\"settings\"}>\n                    <Menu name=\"wb.settings\" parent=\"wb\" element={<SettingsMenuItem />} />\n                </HasPermission>\n                <HasPermission entity={\"integrations\"}>\n                    <Menu name=\"wb.integrations\" parent=\"wb\" element={<IntegrationsMenuItem />} />\n                </HasPermission>\n            </AdminConfig>\n            <PagesListConfig />\n            <RedirectsListConfig />\n        </>\n    );\n};\n\nExtension.displayName = \"WbExtension\";\n\nconst SettingsMenuItem = () => {\n    const { showSettingsDialog } = useSettingsDialog();\n    return <Menu.Item text={\"Settings\"} onClick={showSettingsDialog} pinnable={true} />;\n};\n\nconst IntegrationsMenuItem = () => {\n    const { showIntegrationsDialog } = useIntegrationsDialog();\n    return <Menu.Item text={\"Integrations\"} onClick={showIntegrationsDialog} pinnable={true} />;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","AdminConfig","RegisterFeature","useContainer","useRouter","ReactComponent","PagesIcon","PermissionsIcon","PageEditor","PageList","useSettingsDialog","useIntegrationsDialog","PagesListConfig","RedirectsList","RedirectsListConfig","Routes","PagesWidget","PageListFeature","Extension","NavigationExtension","NextjsConfigFeature","WB_PERMISSIONS_SCHEMA","HasPermission","Security","Menu","Route","Dashboard","router","container","register","createElement","Fragment","feature","Permissions","name","title","description","icon","schema","any","element","Item","text","Link","Icon","label","entity","route","Pages","List","Editor","parent","to","getLink","pinnable","Widget","column","Redirects","SettingsMenuItem","IntegrationsMenuItem","displayName","showSettingsDialog","onClick","showIntegrationsDialog"],"sources":["Extension.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { AdminConfig, RegisterFeature, useContainer } from \"@webiny/app-admin\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as PagesIcon } from \"@webiny/icons/table_chart.svg\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/table_chart.svg\";\nimport { PageEditor } from \"~/modules/pages/PageEditor.js\";\nimport { PageList } from \"~/modules/pages/PageList.js\";\nimport { useSettingsDialog } from \"~/modules/settings/useSettingsDialog.js\";\nimport { useIntegrationsDialog } from \"./modules/integrations/useIntegrationsDialog.js\";\nimport { PagesListConfig } from \"~/modules/pages/PagesListConfig.js\";\nimport { RedirectsList } from \"~/modules/redirects/RedirectsList.js\";\nimport { RedirectsListConfig } from \"~/modules/redirects/RedirectsListConfig.js\";\nimport { Routes } from \"~/routes.js\";\nimport { PagesWidget } from \"~/modules/widgets/PagesWidget.js\";\nimport { PageListFeature } from \"~/presentation/pages/PageList/feature.js\";\nimport { Extension as NavigationExtension } from \"./presentation/navigation/Extension.js\";\nimport { NextjsConfigFeature } from \"~/presentation/navigation/NextjsConfig/feature.js\";\nimport { WB_PERMISSIONS_SCHEMA } from \"~/constants.js\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\n\nconst { Security, Menu, Route, Dashboard } = AdminConfig;\n\nexport const Extension = () => {\n    const router = useRouter();\n    const container = useContainer();\n\n    useEffect(() => {\n        PageListFeature.register(container);\n    }, []);\n\n    return (\n        <>\n            <RegisterFeature feature={NextjsConfigFeature} />\n            <AdminConfig>\n                <Security.Permissions\n                    name=\"website-builder\"\n                    title=\"Website Builder\"\n                    description=\"Manage Website Builder permissions.\"\n                    icon={<PermissionsIcon />}\n                    schema={WB_PERMISSIONS_SCHEMA}\n                />\n                <HasPermission any={[\"page\", \"redirect\"]}>\n                    <Menu\n                        name=\"wb\"\n                        element={\n                            <Menu.Item\n                                text={\"Website Builder\"}\n                                icon={\n                                    <Menu.Link.Icon\n                                        label={\"Website Builder\"}\n                                        element={<PagesIcon />}\n                                    />\n                                }\n                            />\n                        }\n                    />\n                </HasPermission>\n\n                <HasPermission entity={\"page\"}>\n                    <Route route={Routes.Pages.List} element={<PageList />} />\n                    <Route route={Routes.Pages.Editor} element={<PageEditor />} />\n                    <Menu\n                        name=\"wb.pages\"\n                        parent={\"wb\"}\n                        element={\n                            <Menu.Link\n                                text={\"Pages\"}\n                                to={router.getLink(Routes.Pages.List)}\n                                pinnable={true}\n                            />\n                        }\n                    />\n                    <Dashboard.Widget name=\"wb.pages\" column={\"left\"} element={<PagesWidget />} />\n                    <NavigationExtension />\n                </HasPermission>\n\n                <HasPermission entity={\"redirect\"}>\n                    <Route route={Routes.Redirects.List} element={<RedirectsList />} />\n                    <Menu\n                        name=\"wb.redirects\"\n                        parent={\"wb\"}\n                        element={\n                            <Menu.Link\n                                text={\"Redirects\"}\n                                to={router.getLink(Routes.Redirects.List)}\n                                pinnable={true}\n                            />\n                        }\n                    />\n                </HasPermission>\n                <HasPermission entity={\"settings\"}>\n                    <Menu name=\"wb.settings\" parent=\"wb\" element={<SettingsMenuItem />} />\n                </HasPermission>\n                <HasPermission entity={\"integrations\"}>\n                    <Menu name=\"wb.integrations\" parent=\"wb\" element={<IntegrationsMenuItem />} />\n                </HasPermission>\n            </AdminConfig>\n            <PagesListConfig />\n            <RedirectsListConfig />\n        </>\n    );\n};\n\nExtension.displayName = \"WbExtension\";\n\nconst SettingsMenuItem = () => {\n    const { showSettingsDialog } = useSettingsDialog();\n    return <Menu.Item text={\"Settings\"} onClick={showSettingsDialog} pinnable={true} />;\n};\n\nconst IntegrationsMenuItem = () => {\n    const { showIntegrationsDialog } = useIntegrationsDialog();\n    return <Menu.Item text={\"Integrations\"} onClick={showIntegrationsDialog} pinnable={true} />;\n};\n"],"mappings":"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","ignoreList":[]}

package/components/TrashBin/adapters/TrashBinBulkActionsGraphQLGateway.d.ts

@@ -0,0 +1,16 @@
+import type { ApolloClient } from "apollo-client";
+import type { ITrashBinBulkActionsGateway } from "@webiny/app-trash-bin";
+import type { TrashBinBulkActionsGatewayParams } from "@webiny/app-trash-bin/types.js";
+interface ITrashBinBulkActionsGraphQLGatewayParams {
+    client: ApolloClient<object>;
+    fields: string[];
+}
+export declare class TrashBinBulkActionsGraphQLGateway implements ITrashBinBulkActionsGateway {
+    private client;
+    private fields;
+    constructor(params: ITrashBinBulkActionsGraphQLGatewayParams);
+    execute(params: TrashBinBulkActionsGatewayParams): Promise<{
+        id: string;
+    }>;
+}
+export {};

package/components/TrashBin/adapters/TrashBinBulkActionsGraphQLGateway.js

@@ -0,0 +1,30 @@
+import { createBulkActionsMutation } from "./graphql/bulkActionsMutation.js";
+export class TrashBinBulkActionsGraphQLGateway {
+  constructor(params) {
+    this.client = params.client;
+    this.fields = params.fields;
+  }
+  async execute(params) {
+    const {
+      data: response
+    } = await this.client.mutate({
+      mutation: createBulkActionsMutation(this.fields),
+      variables: {
+        ...params
+      }
+    });
+    if (!response) {
+      throw new Error("Network error while performing a bulk action.");
+    }
+    const {
+      data,
+      error
+    } = response.websiteBuilder.bulkActions;
+    if (!data) {
+      throw new Error(error?.message || "Could not perform the bulk action.");
+    }
+    return data;
+  }
+}
+
+//# sourceMappingURL=TrashBinBulkActionsGraphQLGateway.js.map

package/components/TrashBin/adapters/TrashBinBulkActionsGraphQLGateway.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createBulkActionsMutation","TrashBinBulkActionsGraphQLGateway","constructor","params","client","fields","execute","data","response","mutate","mutation","variables","Error","error","websiteBuilder","bulkActions","message"],"sources":["TrashBinBulkActionsGraphQLGateway.ts"],"sourcesContent":["import type { ApolloClient } from \"apollo-client\";\nimport type { ITrashBinBulkActionsGateway } from \"@webiny/app-trash-bin\";\nimport type { TrashBinBulkActionsGatewayParams } from \"@webiny/app-trash-bin/types.js\";\nimport { createBulkActionsMutation } from \"./graphql/bulkActionsMutation.js\";\nimport type {\n    IBulkActionsMutationResponse,\n    IBulkActionsMutationVariables\n} from \"./graphql/bulkActionsMutation.js\";\n\ninterface ITrashBinBulkActionsGraphQLGatewayParams {\n    client: ApolloClient<object>;\n    fields: string[];\n}\n\nexport class TrashBinBulkActionsGraphQLGateway implements ITrashBinBulkActionsGateway {\n    private client;\n    private fields;\n\n    constructor(params: ITrashBinBulkActionsGraphQLGatewayParams) {\n        this.client = params.client;\n        this.fields = params.fields;\n    }\n\n    async execute(params: TrashBinBulkActionsGatewayParams) {\n        const { data: response } = await this.client.mutate<\n            IBulkActionsMutationResponse,\n            IBulkActionsMutationVariables\n        >({\n            mutation: createBulkActionsMutation(this.fields),\n            variables: {\n                ...params\n            }\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while performing a bulk action.\");\n        }\n\n        const { data, error } = response.websiteBuilder.bulkActions;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not perform the bulk action.\");\n        }\n\n        return data;\n    }\n}\n"],"mappings":"AAGA,SAASA,yBAAyB;AAWlC,OAAO,MAAMC,iCAAiC,CAAwC;EAIlFC,WAAWA,CAACC,MAAgD,EAAE;IAC1D,IAAI,CAACC,MAAM,GAAGD,MAAM,CAACC,MAAM;IAC3B,IAAI,CAACC,MAAM,GAAGF,MAAM,CAACE,MAAM;EAC/B;EAEA,MAAMC,OAAOA,CAACH,MAAwC,EAAE;IACpD,MAAM;MAAEI,IAAI,EAAEC;IAAS,CAAC,GAAG,MAAM,IAAI,CAACJ,MAAM,CAACK,MAAM,CAGjD;MACEC,QAAQ,EAAEV,yBAAyB,CAAC,IAAI,CAACK,MAAM,CAAC;MAChDM,SAAS,EAAE;QACP,GAAGR;MACP;IACJ,CAAC,CAAC;IAEF,IAAI,CAACK,QAAQ,EAAE;MACX,MAAM,IAAII,KAAK,CAAC,+CAA+C,CAAC;IACpE;IAEA,MAAM;MAAEL,IAAI;MAAEM;IAAM,CAAC,GAAGL,QAAQ,CAACM,cAAc,CAACC,WAAW;IAE3D,IAAI,CAACR,IAAI,EAAE;MACP,MAAM,IAAIK,KAAK,CAACC,KAAK,EAAEG,OAAO,IAAI,oCAAoC,CAAC;IAC3E;IAEA,OAAOT,IAAI;EACf;AACJ","ignoreList":[]}

package/components/TrashBin/adapters/TrashBinDeletePageGraphQLGateway.d.ts

@@ -0,0 +1,11 @@
+import type { ApolloClient } from "apollo-client";
+import type { ITrashBinDeleteItemGateway } from "@webiny/app-trash-bin";
+interface ITrashBinDeletePageGraphQLGatewayParams {
+    client: ApolloClient<object>;
+}
+export declare class TrashBinDeletePageGraphQLGateway implements ITrashBinDeleteItemGateway {
+    private readonly client;
+    constructor(params: ITrashBinDeletePageGraphQLGatewayParams);
+    execute(id: string): Promise<boolean>;
+}
+export {};

package/components/TrashBin/adapters/TrashBinDeletePageGraphQLGateway.js

@@ -0,0 +1,30 @@
+import { createPermanentDeletePageMutation } from "./graphql/permanentDeleteMutation.js";
+export class TrashBinDeletePageGraphQLGateway {
+  constructor(params) {
+    this.client = params.client;
+  }
+  async execute(id) {
+    const {
+      data: response
+    } = await this.client.mutate({
+      mutation: createPermanentDeletePageMutation(),
+      variables: {
+        id,
+        permanently: true
+      }
+    });
+    if (!response) {
+      throw new Error("Network error while deleting entry.");
+    }
+    const {
+      data,
+      error
+    } = response.websiteBuilder.deletePage;
+    if (!data) {
+      throw new Error(error?.message || "Could not delete the entry.");
+    }
+    return true;
+  }
+}
+
+//# sourceMappingURL=TrashBinDeletePageGraphQLGateway.js.map

package/components/TrashBin/adapters/TrashBinDeletePageGraphQLGateway.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createPermanentDeletePageMutation","TrashBinDeletePageGraphQLGateway","constructor","params","client","execute","id","data","response","mutate","mutation","variables","permanently","Error","error","websiteBuilder","deletePage","message"],"sources":["TrashBinDeletePageGraphQLGateway.ts"],"sourcesContent":["import type { ApolloClient } from \"apollo-client\";\nimport type { ITrashBinDeleteItemGateway } from \"@webiny/app-trash-bin\";\nimport type {\n    IPermanentDeletePageMutationResponse,\n    IPermanentDeletePageMutationVariables\n} from \"./graphql/permanentDeleteMutation.js\";\nimport { createPermanentDeletePageMutation } from \"./graphql/permanentDeleteMutation.js\";\n\ninterface ITrashBinDeletePageGraphQLGatewayParams {\n    client: ApolloClient<object>;\n}\n\nexport class TrashBinDeletePageGraphQLGateway implements ITrashBinDeleteItemGateway {\n    private readonly client: ApolloClient<object>;\n\n    public constructor(params: ITrashBinDeletePageGraphQLGatewayParams) {\n        this.client = params.client;\n    }\n\n    public async execute(id: string) {\n        const { data: response } = await this.client.mutate<\n            IPermanentDeletePageMutationResponse,\n            IPermanentDeletePageMutationVariables\n        >({\n            mutation: createPermanentDeletePageMutation(),\n            variables: {\n                id,\n                permanently: true\n            }\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while deleting entry.\");\n        }\n\n        const { data, error } = response.websiteBuilder.deletePage;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not delete the entry.\");\n        }\n\n        return true;\n    }\n}\n"],"mappings":"AAMA,SAASA,iCAAiC;AAM1C,OAAO,MAAMC,gCAAgC,CAAuC;EAGzEC,WAAWA,CAACC,MAA+C,EAAE;IAChE,IAAI,CAACC,MAAM,GAAGD,MAAM,CAACC,MAAM;EAC/B;EAEA,MAAaC,OAAOA,CAACC,EAAU,EAAE;IAC7B,MAAM;MAAEC,IAAI,EAAEC;IAAS,CAAC,GAAG,MAAM,IAAI,CAACJ,MAAM,CAACK,MAAM,CAGjD;MACEC,QAAQ,EAAEV,iCAAiC,CAAC,CAAC;MAC7CW,SAAS,EAAE;QACPL,EAAE;QACFM,WAAW,EAAE;MACjB;IACJ,CAAC,CAAC;IAEF,IAAI,CAACJ,QAAQ,EAAE;MACX,MAAM,IAAIK,KAAK,CAAC,qCAAqC,CAAC;IAC1D;IAEA,MAAM;MAAEN,IAAI;MAAEO;IAAM,CAAC,GAAGN,QAAQ,CAACO,cAAc,CAACC,UAAU;IAE1D,IAAI,CAACT,IAAI,EAAE;MACP,MAAM,IAAIM,KAAK,CAACC,KAAK,EAAEG,OAAO,IAAI,6BAA6B,CAAC;IACpE;IAEA,OAAO,IAAI;EACf;AACJ","ignoreList":[]}

package/components/TrashBin/adapters/TrashBinItemMapper.d.ts

@@ -0,0 +1,5 @@
+import type { ITrashBinItemMapper, TrashBinItemDTO } from "@webiny/app-trash-bin";
+import { Page } from "../../../domain/Page/index.js";
+export declare class TrashBinItemMapper implements ITrashBinItemMapper<Page> {
+    toDTO(data: Page): TrashBinItemDTO;
+}

package/components/TrashBin/adapters/TrashBinItemMapper.js

@@ -0,0 +1,18 @@
+export class TrashBinItemMapper {
+  toDTO(data) {
+    return {
+      id: data.entryId,
+      title: data.properties.title,
+      location: data.location,
+      createdBy: data.createdBy,
+      deletedBy: {
+        id: data.modifiedBy?.id || "",
+        displayName: data.modifiedBy?.displayName || "",
+        type: data.modifiedBy?.type || ""
+      },
+      deletedOn: data.modifiedOn || ""
+    };
+  }
+}
+
+//# sourceMappingURL=TrashBinItemMapper.js.map

package/components/TrashBin/adapters/TrashBinItemMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TrashBinItemMapper","toDTO","data","id","entryId","title","properties","location","createdBy","deletedBy","modifiedBy","displayName","type","deletedOn","modifiedOn"],"sources":["TrashBinItemMapper.ts"],"sourcesContent":["import type { ITrashBinItemMapper, TrashBinItemDTO } from \"@webiny/app-trash-bin\";\nimport { Page } from \"~/domain/Page/index.js\";\n\nexport class TrashBinItemMapper implements ITrashBinItemMapper<Page> {\n    toDTO(data: Page): TrashBinItemDTO {\n        return {\n            id: data.entryId,\n            title: data.properties.title,\n            location: data.location,\n            createdBy: data.createdBy,\n            deletedBy: {\n                id: data.modifiedBy?.id || \"\",\n                displayName: data.modifiedBy?.displayName || \"\",\n                type: data.modifiedBy?.type || \"\"\n            },\n            deletedOn: data.modifiedOn || \"\"\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,CAAsC;EACjEC,KAAKA,CAACC,IAAU,EAAmB;IAC/B,OAAO;MACHC,EAAE,EAAED,IAAI,CAACE,OAAO;MAChBC,KAAK,EAAEH,IAAI,CAACI,UAAU,CAACD,KAAK;MAC5BE,QAAQ,EAAEL,IAAI,CAACK,QAAQ;MACvBC,SAAS,EAAEN,IAAI,CAACM,SAAS;MACzBC,SAAS,EAAE;QACPN,EAAE,EAAED,IAAI,CAACQ,UAAU,EAAEP,EAAE,IAAI,EAAE;QAC7BQ,WAAW,EAAET,IAAI,CAACQ,UAAU,EAAEC,WAAW,IAAI,EAAE;QAC/CC,IAAI,EAAEV,IAAI,CAACQ,UAAU,EAAEE,IAAI,IAAI;MACnC,CAAC;MACDC,SAAS,EAAEX,IAAI,CAACY,UAAU,IAAI;IAClC,CAAC;EACL;AACJ","ignoreList":[]}

package/components/TrashBin/adapters/TrashBinListPagesGraphQLGateway.d.ts

@@ -0,0 +1,16 @@
+import type { ApolloClient } from "apollo-client";
+import type { ITrashBinListGateway } from "@webiny/app-trash-bin";
+import { type IListTrashPagesQueryVariables } from "../../../components/TrashBin/adapters/graphql/listQuery.js";
+import type { PageGatewayDto } from "../../../features/pages/loadPages/PageGatewayDto.js";
+import type { WbListMeta } from "../../../types.js";
+interface ITrashBinListGraphQLGatewayParams {
+    client: ApolloClient<object>;
+    fields: string[];
+}
+export declare class TrashBinListPagesGraphQLGateway implements ITrashBinListGateway<PageGatewayDto> {
+    private readonly client;
+    private readonly fields;
+    constructor(params: ITrashBinListGraphQLGatewayParams);
+    execute(params: IListTrashPagesQueryVariables): Promise<[PageGatewayDto[], WbListMeta]>;
+}
+export {};

package/components/TrashBin/adapters/TrashBinListPagesGraphQLGateway.js

@@ -0,0 +1,32 @@
+import { createListTrashPagesQuery } from "./graphql/listQuery.js";
+export class TrashBinListPagesGraphQLGateway {
+  constructor(params) {
+    this.client = params.client;
+    this.fields = params.fields;
+  }
+  async execute(params) {
+    const {
+      data: response
+    } = await this.client.query({
+      query: createListTrashPagesQuery(this.fields),
+      variables: {
+        ...params
+      },
+      fetchPolicy: "network-only"
+    });
+    if (!response) {
+      throw new Error("Network error while listing deleted entries.");
+    }
+    const {
+      data,
+      error,
+      meta
+    } = response.websiteBuilder.listDeletedPages;
+    if (!data || !meta) {
+      throw new Error(error?.message || "Could not fetch deleted entries.");
+    }
+    return [data, meta];
+  }
+}
+
+//# sourceMappingURL=TrashBinListPagesGraphQLGateway.js.map

package/components/TrashBin/adapters/TrashBinListPagesGraphQLGateway.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createListTrashPagesQuery","TrashBinListPagesGraphQLGateway","constructor","params","client","fields","execute","data","response","query","variables","fetchPolicy","Error","error","meta","websiteBuilder","listDeletedPages","message"],"sources":["TrashBinListPagesGraphQLGateway.ts"],"sourcesContent":["import type { ApolloClient } from \"apollo-client\";\nimport type { ITrashBinListGateway } from \"@webiny/app-trash-bin\";\nimport {\n    createListTrashPagesQuery,\n    type IListTrashPagesQueryResponse,\n    type IListTrashPagesQueryVariables\n} from \"~/components/TrashBin/adapters/graphql/listQuery.js\";\nimport type { PageGatewayDto } from \"~/features/pages/loadPages/PageGatewayDto.js\";\nimport type { WbListMeta } from \"~/types.js\";\n\ninterface ITrashBinListGraphQLGatewayParams {\n    client: ApolloClient<object>;\n    fields: string[];\n}\n\nexport class TrashBinListPagesGraphQLGateway implements ITrashBinListGateway<PageGatewayDto> {\n    private readonly client: ApolloClient<object>;\n    private readonly fields: string[];\n\n    public constructor(params: ITrashBinListGraphQLGatewayParams) {\n        this.client = params.client;\n        this.fields = params.fields;\n    }\n\n    public async execute(\n        params: IListTrashPagesQueryVariables\n    ): Promise<[PageGatewayDto[], WbListMeta]> {\n        const { data: response } = await this.client.query<\n            IListTrashPagesQueryResponse,\n            IListTrashPagesQueryVariables\n        >({\n            query: createListTrashPagesQuery(this.fields),\n            variables: {\n                ...params\n            },\n            fetchPolicy: \"network-only\"\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while listing deleted entries.\");\n        }\n\n        const { data, error, meta } = response.websiteBuilder.listDeletedPages;\n\n        if (!data || !meta) {\n            throw new Error(error?.message || \"Could not fetch deleted entries.\");\n        }\n\n        return [data, meta];\n    }\n}\n"],"mappings":"AAEA,SACIA,yBAAyB;AAY7B,OAAO,MAAMC,+BAA+B,CAAiD;EAIlFC,WAAWA,CAACC,MAAyC,EAAE;IAC1D,IAAI,CAACC,MAAM,GAAGD,MAAM,CAACC,MAAM;IAC3B,IAAI,CAACC,MAAM,GAAGF,MAAM,CAACE,MAAM;EAC/B;EAEA,MAAaC,OAAOA,CAChBH,MAAqC,EACE;IACvC,MAAM;MAAEI,IAAI,EAAEC;IAAS,CAAC,GAAG,MAAM,IAAI,CAACJ,MAAM,CAACK,KAAK,CAGhD;MACEA,KAAK,EAAET,yBAAyB,CAAC,IAAI,CAACK,MAAM,CAAC;MAC7CK,SAAS,EAAE;QACP,GAAGP;MACP,CAAC;MACDQ,WAAW,EAAE;IACjB,CAAC,CAAC;IAEF,IAAI,CAACH,QAAQ,EAAE;MACX,MAAM,IAAII,KAAK,CAAC,8CAA8C,CAAC;IACnE;IAEA,MAAM;MAAEL,IAAI;MAAEM,KAAK;MAAEC;IAAK,CAAC,GAAGN,QAAQ,CAACO,cAAc,CAACC,gBAAgB;IAEtE,IAAI,CAACT,IAAI,IAAI,CAACO,IAAI,EAAE;MAChB,MAAM,IAAIF,KAAK,CAACC,KAAK,EAAEI,OAAO,IAAI,kCAAkC,CAAC;IACzE;IAEA,OAAO,CAACV,IAAI,EAAEO,IAAI,CAAC;EACvB;AACJ","ignoreList":[]}

package/components/TrashBin/adapters/TrashBinRestorePageGraphQLGateway.d.ts

@@ -0,0 +1,14 @@
+import type { ApolloClient } from "apollo-client";
+import type { ITrashBinRestoreItemGateway } from "@webiny/app-trash-bin";
+import type { PageGatewayDto } from "../../../features/pages/getPage/PageGatewayDto.js";
+interface ITrashBinRestorePageGraphQLGatewayParams {
+    client: ApolloClient<object>;
+    fields: string[];
+}
+export declare class TrashBinRestorePageGraphQLGateway implements ITrashBinRestoreItemGateway<PageGatewayDto> {
+    private readonly client;
+    private readonly fields;
+    constructor(params: ITrashBinRestorePageGraphQLGatewayParams);
+    execute(id: string): Promise<PageGatewayDto>;
+}
+export {};