@webiny/app-website-builder 6.6.0-alpha.0 → 6.6.0-alpha.1

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Border/BorderStyle.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 interface BorderStyleProps {
     elementId: string;
 }
-export declare const BorderStyle: (({ elementId }: BorderStyleProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const BorderStyle: (({ elementId }: BorderStyleProps) => React.JSX.Element) & React.NamedExoticComponent<BorderStyleProps> & {
+    readonly type: ({ elementId }: BorderStyleProps) => React.JSX.Element;
 };
 export {};

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Border/BorderWidth.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 interface BorderWidthProps {
     elementId: string;
 }
-export declare const BorderWidth: (({ elementId }: BorderWidthProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const BorderWidth: (({ elementId }: BorderWidthProps) => React.JSX.Element) & React.NamedExoticComponent<BorderWidthProps> & {
+    readonly type: ({ elementId }: BorderWidthProps) => React.JSX.Element;
 };
 export {};

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Layout/Alignment.d.ts

@@ -13,6 +13,10 @@ import React from "react";
  */
 export declare const Alignment: (({ elementId }: {
     elementId: string;
-}) => React.JSX.Element) & {
-    displayName: string;
+}) => React.JSX.Element) & React.NamedExoticComponent<{
+    elementId: string;
+}> & {
+    readonly type: ({ elementId }: {
+        elementId: string;
+    }) => React.JSX.Element;
 };

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Layout/LengthWithUnitInput.d.ts

@@ -7,7 +7,7 @@ interface LengthWithUnitInputProps {
     unitOptions: UnitOption[];
     defaultValue?: string;
 }
-export declare const LengthWithUnitInput: (({ elementId, label, propertyName, defaultValue, unitOptions }: LengthWithUnitInputProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const LengthWithUnitInput: (({ elementId, label, propertyName, defaultValue, unitOptions }: LengthWithUnitInputProps) => React.JSX.Element) & React.NamedExoticComponent<LengthWithUnitInputProps> & {
+    readonly type: ({ elementId, label, propertyName, defaultValue, unitOptions }: LengthWithUnitInputProps) => React.JSX.Element;
 };
 export {};

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/MarginPadding/Margin.d.ts

@@ -3,7 +3,7 @@ interface MarginProps {
     elementId: string;
     children: React.ReactNode;
 }
-export declare const Margin: (({ elementId, children }: MarginProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const Margin: (({ elementId, children }: MarginProps) => React.JSX.Element) & React.NamedExoticComponent<MarginProps> & {
+    readonly type: ({ elementId, children }: MarginProps) => React.JSX.Element;
 };
 export {};

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/MarginPadding/Padding.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 interface PaddingProps {
     elementId: string;
 }
-export declare const Padding: (({ elementId }: PaddingProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const Padding: (({ elementId }: PaddingProps) => React.JSX.Element) & React.NamedExoticComponent<PaddingProps> & {
+    readonly type: ({ elementId }: PaddingProps) => React.JSX.Element;
 };
 export {};

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Visibility/Visibility.d.ts

@@ -2,6 +2,6 @@ import React from "react";
 export interface VisibilityProps {
     elementId: string;
 }
-export declare const Visibility: (({ elementId }: VisibilityProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const Visibility: (({ elementId }: VisibilityProps) => React.JSX.Element) & React.NamedExoticComponent<VisibilityProps> & {
+    readonly type: ({ elementId }: VisibilityProps) => React.JSX.Element;
 };

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/StyleProperties.js

@@ -12,9 +12,13 @@ import { Layout } from "./Groups/Layout.js";
 const StyleProperties = ()=>{
     const [element] = useActiveElement();
     if (!element) return null;
-    return /*#__PURE__*/ react.createElement(ElementStyleProperties, {
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "pt-md mb-md px-sm"
+    }, /*#__PURE__*/ react.createElement(ElementPreview, {
+        element: element
+    })), /*#__PURE__*/ react.createElement(ElementStyleProperties, {
         element: element
-    });
+    }));
 };
 const defaultHidden = [];
 const ElementStyleProperties = ({ element })=>{
@@ -23,11 +27,7 @@ const ElementStyleProperties = ({ element })=>{
     const isHidden = useCallback((name)=>hideStyles.includes(name), [
         hideStyles
     ]);
-    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
-        className: "pt-md mb-md px-sm"
-    }, /*#__PURE__*/ react.createElement(ElementPreview, {
-        element: element
-    })), /*#__PURE__*/ react.createElement(StyleAccordion, null, isHidden(StyleSettings.Layout) ? null : /*#__PURE__*/ react.createElement(Layout, {
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(StyleAccordion, null, isHidden(StyleSettings.Layout) ? null : /*#__PURE__*/ react.createElement(Layout, {
         elementId: element.id
     }), isHidden(StyleSettings.MarginPadding) ? null : /*#__PURE__*/ react.createElement(MarginPadding, {
         elementId: element.id

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/StyleProperties.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/StyleSettings/StyleProperties.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/StyleSettings/StyleProperties.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { StyleAccordion } from \"./StyleAccordion.js\";\nimport { useActiveElement } from \"~/BaseEditor/hooks/useActiveElement.js\";\nimport type { DocumentElement } from \"@webiny/website-builder-sdk\";\nimport { ElementPreview } from \"~/BaseEditor/defaultConfig/Sidebar/ElementPreview.js\";\nimport { Background } from \"./Groups/Background.js\";\nimport { Border } from \"./Groups/Border.js\";\nimport { MarginPadding } from \"./Groups/MarginPadding.js\";\nimport { VisibilityGroup } from \"./Groups/VisibilityGroup.js\";\nimport { useElementComponentManifest } from \"~/BaseEditor/defaultConfig/Content/Preview/useElementComponentManifest.js\";\nimport { StyleSettings } from \"@webiny/website-builder-sdk\";\nimport { Layout } from \"./Groups/Layout.js\";\n\nexport const StyleProperties = () => {\n    const [element] = useActiveElement();\n    if (!element) {\n        return null;\n    }\n\n    return <ElementStyleProperties element={element} />;\n};\n\nconst defaultHidden: string[] = [];\n\nconst ElementStyleProperties = ({ element }: { element: DocumentElement }) => {\n    const componentManifest = useElementComponentManifest(element.id);\n    const hideStyles = componentManifest?.hideStyleSettings ?? defaultHidden;\n\n    const isHidden = useCallback(\n        (name: string) => {\n            return hideStyles.includes(name);\n        },\n        [hideStyles]\n    );\n\n    return (\n        <>\n            <div className={\"pt-md mb-md px-sm\"}>\n                <ElementPreview element={element} />\n            </div>\n            <StyleAccordion>\n                {isHidden(StyleSettings.Layout) ? null : <Layout elementId={element.id} />}\n                {isHidden(StyleSettings.MarginPadding) ? null : (\n                    <MarginPadding elementId={element.id} />\n                )}\n                {isHidden(StyleSettings.Border) ? null : <Border elementId={element.id} />}\n                {isHidden(StyleSettings.Background) ? null : <Background elementId={element.id} />}\n                {isHidden(StyleSettings.Visibility) ? null : (\n                    <VisibilityGroup elementId={element.id} />\n                )}\n            </StyleAccordion>\n        </>\n    );\n};\n"],"names":["StyleProperties","element","useActiveElement","ElementStyleProperties","defaultHidden","componentManifest","useElementComponentManifest","hideStyles","isHidden","useCallback","name","ElementPreview","StyleAccordion","StyleSettings","Layout","MarginPadding","Border","Background","VisibilityGroup"],"mappings":";;;;;;;;;;;AAaO,MAAMA,kBAAkB;IAC3B,MAAM,CAACC,QAAQ,GAAGC;IAClB,IAAI,CAACD,SACD,OAAO;IAGX,OAAO,WAAP,GAAO,oBAACE,wBAAsBA;QAAC,SAASF;;AAC5C;AAEA,MAAMG,gBAA0B,EAAE;AAElC,MAAMD,yBAAyB,CAAC,EAAEF,OAAO,EAAgC;IACrE,MAAMI,oBAAoBC,4BAA4BL,QAAQ,EAAE;IAChE,MAAMM,aAAaF,mBAAmB,qBAAqBD;IAE3D,MAAMI,WAAWC,YACb,CAACC,OACUH,WAAW,QAAQ,CAACG,OAE/B;QAACH;KAAW;IAGhB,OAAO,WAAP,GACI,wDACI,oBAAC;QAAI,WAAW;qBACZ,oBAACI,gBAAcA;QAAC,SAASV;uBAE7B,oBAACW,gBAAcA,MACVJ,SAASK,cAAc,MAAM,IAAI,OAAO,WAAP,GAAO,oBAACC,QAAMA;QAAC,WAAWb,QAAQ,EAAE;QACrEO,SAASK,cAAc,aAAa,IAAI,OAAO,WAAP,GACrC,oBAACE,eAAaA;QAAC,WAAWd,QAAQ,EAAE;QAEvCO,SAASK,cAAc,MAAM,IAAI,OAAO,WAAP,GAAO,oBAACG,QAAMA;QAAC,WAAWf,QAAQ,EAAE;QACrEO,SAASK,cAAc,UAAU,IAAI,OAAO,WAAP,GAAO,oBAACI,YAAUA;QAAC,WAAWhB,QAAQ,EAAE;QAC7EO,SAASK,cAAc,UAAU,IAAI,OAAO,WAAP,GAClC,oBAACK,iBAAeA;QAAC,WAAWjB,QAAQ,EAAE;;AAK1D"}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/StyleSettings/StyleProperties.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/StyleSettings/StyleProperties.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { StyleAccordion } from \"./StyleAccordion.js\";\nimport { useActiveElement } from \"~/BaseEditor/hooks/useActiveElement.js\";\nimport type { DocumentElement } from \"@webiny/website-builder-sdk\";\nimport { ElementPreview } from \"~/BaseEditor/defaultConfig/Sidebar/ElementPreview.js\";\nimport { Background } from \"./Groups/Background.js\";\nimport { Border } from \"./Groups/Border.js\";\nimport { MarginPadding } from \"./Groups/MarginPadding.js\";\nimport { VisibilityGroup } from \"./Groups/VisibilityGroup.js\";\nimport { useElementComponentManifest } from \"~/BaseEditor/defaultConfig/Content/Preview/useElementComponentManifest.js\";\nimport { StyleSettings } from \"@webiny/website-builder-sdk\";\nimport { Layout } from \"./Groups/Layout.js\";\n\nexport const StyleProperties = () => {\n    const [element] = useActiveElement();\n    if (!element) {\n        return null;\n    }\n\n    return (\n        <>\n            <div className={\"pt-md mb-md px-sm\"}>\n                <ElementPreview element={element} />\n            </div>\n            <ElementStyleProperties element={element} />\n        </>\n    );\n};\n\nconst defaultHidden: string[] = [];\n\nconst ElementStyleProperties = ({ element }: { element: DocumentElement }) => {\n    const componentManifest = useElementComponentManifest(element.id);\n    const hideStyles = componentManifest?.hideStyleSettings ?? defaultHidden;\n\n    const isHidden = useCallback(\n        (name: string) => {\n            return hideStyles.includes(name);\n        },\n        [hideStyles]\n    );\n\n    return (\n        <>\n            <StyleAccordion>\n                {isHidden(StyleSettings.Layout) ? null : <Layout elementId={element.id} />}\n                {isHidden(StyleSettings.MarginPadding) ? null : (\n                    <MarginPadding elementId={element.id} />\n                )}\n                {isHidden(StyleSettings.Border) ? null : <Border elementId={element.id} />}\n                {isHidden(StyleSettings.Background) ? null : <Background elementId={element.id} />}\n                {isHidden(StyleSettings.Visibility) ? null : (\n                    <VisibilityGroup elementId={element.id} />\n                )}\n            </StyleAccordion>\n        </>\n    );\n};\n"],"names":["StyleProperties","element","useActiveElement","ElementPreview","ElementStyleProperties","defaultHidden","componentManifest","useElementComponentManifest","hideStyles","isHidden","useCallback","name","StyleAccordion","StyleSettings","Layout","MarginPadding","Border","Background","VisibilityGroup"],"mappings":";;;;;;;;;;;AAaO,MAAMA,kBAAkB;IAC3B,MAAM,CAACC,QAAQ,GAAGC;IAClB,IAAI,CAACD,SACD,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAAC;QAAI,WAAW;qBACZ,oBAACE,gBAAcA;QAAC,SAASF;uBAE7B,oBAACG,wBAAsBA;QAAC,SAASH;;AAG7C;AAEA,MAAMI,gBAA0B,EAAE;AAElC,MAAMD,yBAAyB,CAAC,EAAEH,OAAO,EAAgC;IACrE,MAAMK,oBAAoBC,4BAA4BN,QAAQ,EAAE;IAChE,MAAMO,aAAaF,mBAAmB,qBAAqBD;IAE3D,MAAMI,WAAWC,YACb,CAACC,OACUH,WAAW,QAAQ,CAACG,OAE/B;QAACH;KAAW;IAGhB,OAAO,WAAP,GACI,wDACI,oBAACI,gBAAcA,MACVH,SAASI,cAAc,MAAM,IAAI,OAAO,WAAP,GAAO,oBAACC,QAAMA;QAAC,WAAWb,QAAQ,EAAE;QACrEQ,SAASI,cAAc,aAAa,IAAI,OAAO,WAAP,GACrC,oBAACE,eAAaA;QAAC,WAAWd,QAAQ,EAAE;QAEvCQ,SAASI,cAAc,MAAM,IAAI,OAAO,WAAP,GAAO,oBAACG,QAAMA;QAAC,WAAWf,QAAQ,EAAE;QACrEQ,SAASI,cAAc,UAAU,IAAI,OAAO,WAAP,GAAO,oBAACI,YAAUA;QAAC,WAAWhB,QAAQ,EAAE;QAC7EQ,SAASI,cAAc,UAAU,IAAI,OAAO,WAAP,GAClC,oBAACK,iBAAeA;QAAC,WAAWjB,QAAQ,EAAE;;AAK1D"}

package/BaseEditor/defaultConfig/Toolbar/Navigator/Navigator.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const Navigator: (() => React.JSX.Element) & {
-    displayName: string;
+export declare const Navigator: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };

package/DocumentEditor/DocumentEditor.d.ts

@@ -3,14 +3,23 @@ import type { EditorDocument } from "@webiny/website-builder-sdk";
 import { Editor } from "../editorSdk/Editor.js";
 export declare const DocumentEditorContext: React.Context<Editor<any> | undefined>;
 export declare function useDocumentEditor<TDocument extends EditorDocument>(): Editor<TDocument>;
-interface DocumentEditorProps<TDocument> {
-    document: TDocument;
+interface DocumentEditorBaseProps {
     name: string;
     children?: React.ReactNode;
+}
+interface DocumentEditorWithDocument<TDocument> extends DocumentEditorBaseProps {
+    document: TDocument;
     readOnly: boolean;
+    editor?: never;
+}
+interface DocumentEditorWithEditor extends DocumentEditorBaseProps {
+    editor: Editor<any>;
+    document?: never;
+    readOnly?: never;
 }
-declare function BaseDocumentEditor<TDocument extends EditorDocument>({ document, name, children, readOnly }: DocumentEditorProps<TDocument>): React.JSX.Element;
-export declare const DocumentEditor: typeof BaseDocumentEditor & {
-    displayName: string;
+type DocumentEditorProps<TDocument = any> = DocumentEditorWithDocument<TDocument> | DocumentEditorWithEditor;
+declare function BaseDocumentEditor<TDocument extends EditorDocument>({ name, children, ...props }: DocumentEditorProps<TDocument>): React.JSX.Element;
+export declare const DocumentEditor: typeof BaseDocumentEditor & React.NamedExoticComponent<DocumentEditorProps<import("@webiny/website-builder-sdk").Document>> & {
+    readonly type: typeof BaseDocumentEditor;
 };
 export {};

package/DocumentEditor/DocumentEditor.js

@@ -13,13 +13,17 @@ function useDocumentEditor() {
     if (!context) throw new Error("useDocumentEditor must be used within a <DocumentEditor /> context!");
     return context;
 }
-function BaseDocumentEditor({ document, name, children, readOnly }) {
-    const editor = useMemo(()=>new Editor_js_Editor(document, {
-            isReadOnly: readOnly
-        }), [
-        document,
-        readOnly
+function BaseDocumentEditor({ name, children, ...props }) {
+    const internalEditor = useMemo(()=>{
+        if ("editor" in props && props.editor) return null;
+        return new Editor_js_Editor(props.document, {
+            isReadOnly: props.readOnly
+        });
+    }, [
+        "editor" in props ? props.editor : props.document,
+        "editor" in props ? null : props.readOnly
     ]);
+    const editor = "editor" in props && props.editor ? props.editor : internalEditor;
     return /*#__PURE__*/ react.createElement(DndProvider, {
         backend: HTML5Backend
     }, /*#__PURE__*/ react.createElement(StateInspector, {

package/DocumentEditor/DocumentEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentEditor/DocumentEditor.js","sources":["../../src/DocumentEditor/DocumentEditor.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { Editor as EditorComponent } from \"~/BaseEditor/components/index.js\";\nimport { Editor } from \"~/editorSdk/Editor.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { StateInspector } from \"./StateInspector.js\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { DialogsProvider } from \"@webiny/app-admin\";\n\nexport const DocumentEditorContext = React.createContext<Editor<any> | undefined>(undefined);\n\nexport function useDocumentEditor<TDocument extends EditorDocument>() {\n    const context = React.useContext(DocumentEditorContext);\n    if (!context) {\n        throw new Error(\"useDocumentEditor must be used within a <DocumentEditor /> context!\");\n    }\n    return context as Editor<TDocument>;\n}\n\ninterface DocumentEditorProps<TDocument> {\n    document: TDocument;\n    name: string;\n    children?: React.ReactNode;\n    // Required for now. When use case with possibly not read-only arises, put it to optional.\n    readOnly: boolean;\n}\n\nfunction BaseDocumentEditor<TDocument extends EditorDocument>({\n    document,\n    name,\n    children,\n    readOnly\n}: DocumentEditorProps<TDocument>) {\n    const editor = useMemo(() => {\n        return new Editor<TDocument>(document, {\n            isReadOnly: readOnly\n        });\n    }, [document, readOnly]);\n\n    return (\n        <DndProvider backend={HTML5Backend}>\n            <StateInspector editor={editor} />\n            <DocumentEditorContext.Provider value={editor as Editor<TDocument>}>\n                <DialogsProvider>\n                    {children ? <>{children}</> : null}\n                    <CompositionScope name={name}>\n                        <EditorComponent />\n                    </CompositionScope>\n                </DialogsProvider>\n            </DocumentEditorContext.Provider>\n        </DndProvider>\n    );\n}\n\nconst WithObserver = observer(BaseDocumentEditor);\n\nexport const DocumentEditor = WithObserver;\n"],"names":["DocumentEditorContext","React","undefined","useDocumentEditor","context","Error","BaseDocumentEditor","document","name","children","readOnly","editor","useMemo","Editor","DndProvider","HTML5Backend","StateInspector","DialogsProvider","CompositionScope","EditorComponent","WithObserver","observer","DocumentEditor"],"mappings":";;;;;;;;;AAWO,MAAMA,wBAAwB,WAAHA,GAAGC,MAAAA,aAAmB,CAA0BC;AAE3E,SAASC;IACZ,MAAMC,UAAUH,MAAAA,UAAgB,CAACD;IACjC,IAAI,CAACI,SACD,MAAM,IAAIC,MAAM;IAEpB,OAAOD;AACX;AAUA,SAASE,mBAAqD,EAC1DC,QAAQ,EACRC,IAAI,EACJC,QAAQ,EACRC,QAAQ,EACqB;IAC7B,MAAMC,SAASC,QAAQ,IACZ,IAAIC,iBAAkBN,UAAU;YACnC,YAAYG;QAChB,IACD;QAACH;QAAUG;KAAS;IAEvB,OAAO,WAAP,GACI,oBAACI,aAAWA;QAAC,SAASC;qBAClB,oBAACC,gBAAcA;QAAC,QAAQL;sBACxB,oBAACX,sBAAsB,QAAQ;QAAC,OAAOW;qBACnC,oBAACM,iBAAeA,MACXR,WAAW,WAAXA,GAAW,0CAAGA,YAAe,oBAC9B,oBAACS,kBAAgBA;QAAC,MAAMV;qBACpB,oBAACW,QAAeA;AAMxC;AAEA,MAAMC,eAAeC,SAASf;AAEvB,MAAMgB,iBAAiBF"}
+{"version":3,"file":"DocumentEditor/DocumentEditor.js","sources":["../../src/DocumentEditor/DocumentEditor.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\nimport { Editor as EditorComponent } from \"~/BaseEditor/components/index.js\";\nimport { Editor } from \"~/editorSdk/Editor.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { StateInspector } from \"./StateInspector.js\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { DialogsProvider } from \"@webiny/app-admin\";\n\nexport const DocumentEditorContext = React.createContext<Editor<any> | undefined>(undefined);\n\nexport function useDocumentEditor<TDocument extends EditorDocument>() {\n    const context = React.useContext(DocumentEditorContext);\n    if (!context) {\n        throw new Error(\"useDocumentEditor must be used within a <DocumentEditor /> context!\");\n    }\n    return context as Editor<TDocument>;\n}\n\ninterface DocumentEditorBaseProps {\n    name: string;\n    children?: React.ReactNode;\n}\n\ninterface DocumentEditorWithDocument<TDocument> extends DocumentEditorBaseProps {\n    document: TDocument;\n    readOnly: boolean;\n    editor?: never;\n}\n\ninterface DocumentEditorWithEditor extends DocumentEditorBaseProps {\n    editor: Editor<any>;\n    document?: never;\n    readOnly?: never;\n}\n\ntype DocumentEditorProps<TDocument = any> =\n    | DocumentEditorWithDocument<TDocument>\n    | DocumentEditorWithEditor;\n\nfunction BaseDocumentEditor<TDocument extends EditorDocument>({\n    name,\n    children,\n    ...props\n}: DocumentEditorProps<TDocument>) {\n    const internalEditor = useMemo(() => {\n        if (\"editor\" in props && props.editor) {\n            return null;\n        }\n        return new Editor<TDocument>(props.document!, {\n            isReadOnly: props.readOnly!\n        });\n    }, [\n        \"editor\" in props ? props.editor : props.document,\n        \"editor\" in props ? null : props.readOnly\n    ]);\n\n    const editor = \"editor\" in props && props.editor ? props.editor : internalEditor!;\n\n    return (\n        <DndProvider backend={HTML5Backend}>\n            <StateInspector editor={editor} />\n            <DocumentEditorContext.Provider value={editor as Editor<TDocument>}>\n                <DialogsProvider>\n                    {children ? <>{children}</> : null}\n                    <CompositionScope name={name}>\n                        <EditorComponent />\n                    </CompositionScope>\n                </DialogsProvider>\n            </DocumentEditorContext.Provider>\n        </DndProvider>\n    );\n}\n\nconst WithObserver = observer(BaseDocumentEditor);\n\nexport const DocumentEditor = WithObserver;\n"],"names":["DocumentEditorContext","React","undefined","useDocumentEditor","context","Error","BaseDocumentEditor","name","children","props","internalEditor","useMemo","Editor","editor","DndProvider","HTML5Backend","StateInspector","DialogsProvider","CompositionScope","EditorComponent","WithObserver","observer","DocumentEditor"],"mappings":";;;;;;;;;AAWO,MAAMA,wBAAwB,WAAHA,GAAGC,MAAAA,aAAmB,CAA0BC;AAE3E,SAASC;IACZ,MAAMC,UAAUH,MAAAA,UAAgB,CAACD;IACjC,IAAI,CAACI,SACD,MAAM,IAAIC,MAAM;IAEpB,OAAOD;AACX;AAuBA,SAASE,mBAAqD,EAC1DC,IAAI,EACJC,QAAQ,EACR,GAAGC,OAC0B;IAC7B,MAAMC,iBAAiBC,QAAQ;QAC3B,IAAI,YAAYF,SAASA,MAAM,MAAM,EACjC,OAAO;QAEX,OAAO,IAAIG,iBAAkBH,MAAM,QAAQ,EAAG;YAC1C,YAAYA,MAAM,QAAQ;QAC9B;IACJ,GAAG;QACC,YAAYA,QAAQA,MAAM,MAAM,GAAGA,MAAM,QAAQ;QACjD,YAAYA,QAAQ,OAAOA,MAAM,QAAQ;KAC5C;IAED,MAAMI,SAAS,YAAYJ,SAASA,MAAM,MAAM,GAAGA,MAAM,MAAM,GAAGC;IAElE,OAAO,WAAP,GACI,oBAACI,aAAWA;QAAC,SAASC;qBAClB,oBAACC,gBAAcA;QAAC,QAAQH;sBACxB,oBAACb,sBAAsB,QAAQ;QAAC,OAAOa;qBACnC,oBAACI,iBAAeA,MACXT,WAAW,WAAXA,GAAW,0CAAGA,YAAe,oBAC9B,oBAACU,kBAAgBA;QAAC,MAAMX;qBACpB,oBAACY,QAAeA;AAMxC;AAEA,MAAMC,eAAeC,SAASf;AAEvB,MAAMgB,iBAAiBF"}

package/DocumentEditor/StateInspector.d.ts

@@ -4,7 +4,9 @@ import type { Editor } from "../editorSdk/Editor.js";
 declare function BaseStateInspector<TDocument extends EditorDocument>({ editor }: {
     editor: Editor<TDocument>;
 }): React.JSX.Element;
-export declare const StateInspector: typeof BaseStateInspector & {
-    displayName: string;
+export declare const StateInspector: typeof BaseStateInspector & React.NamedExoticComponent<{
+    editor: Editor<import("@webiny/website-builder-sdk").Document>;
+}> & {
+    readonly type: typeof BaseStateInspector;
 };
 export {};

package/Extension.js

@@ -131,7 +131,13 @@ const Extension_Extension = ()=>{
         entity: "redirect"
     }, /*#__PURE__*/ react.createElement(Route, {
         route: Routes.Redirects.List,
-        element: /*#__PURE__*/ react.createElement(RedirectsList, null)
+        element: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(AdminConfig.Breadcrumb, {
+            name: "wb",
+            label: "Website Builder"
+        }), /*#__PURE__*/ react.createElement(AdminConfig.Breadcrumb, {
+            name: "wb.redirects",
+            label: "Redirects"
+        }), /*#__PURE__*/ react.createElement(RedirectsList, null))
     }), /*#__PURE__*/ react.createElement(Menu, {
         name: "wb.redirects",
         parent: "wb",

package/Extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"Extension.js","sources":["../src/Extension.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, RegisterFeature, useRouter } from \"@webiny/app-admin\";\nimport {\n    ReactComponent as PagesIcon,\n    ReactComponent as PermissionsIcon\n} from \"@webiny/icons/table_chart.svg\";\nimport { PageEditor } from \"~/presentation/pages/PageEditor/PageEditor.js\";\nimport { PagesList } from \"~/presentation/pages/PageList/components/PagesList.js\";\nimport { useSettingsDialog } from \"~/modules/settings/useSettingsDialog.js\";\nimport { useIntegrationsDialog } from \"./modules/integrations/useIntegrationsDialog.js\";\nimport { PagesListConfig } from \"~/presentation/pages/PageList/components/PagesListConfig.js\";\nimport { RedirectsList } from \"~/presentation/redirects/RedirectList/components/RedirectsList.js\";\nimport { RedirectsListConfig } from \"~/presentation/redirects/RedirectList/components/RedirectsListConfig.js\";\nimport { Routes } from \"~/routes.js\";\nimport { PagesWidget } from \"~/modules/widgets/PagesWidget.js\";\nimport { Extension as NavigationExtension } from \"./presentation/navigation/Extension.js\";\nimport { NextjsConfigFeature } from \"~/presentation/navigation/NextjsConfig/feature.js\";\nimport { NuxtConfigFeature } from \"~/presentation/navigation/NuxtConfig/feature.js\";\nimport { WB_PERMISSIONS_SCHEMA } from \"~/constants.js\";\nimport { WbPermissionsFeature } from \"~/features/permissions/feature.js\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\nimport { TranslatePageFeature } from \"~/features/pages/translatePage/index.js\";\nimport { DeletePageFeature } from \"~/features/pages/deletePage/index.js\";\nimport { MovePageFeature } from \"~/features/pages/movePage/index.js\";\nimport { PublishPageFeature } from \"~/features/pages/publishPage/index.js\";\nimport { UnpublishPageFeature } from \"~/features/pages/unpublishPage/index.js\";\nimport { DuplicatePageFeature } from \"~/features/pages/duplicatePage/index.js\";\nimport { CreatePageRevisionFromFeature } from \"~/features/pages/createPageRevisionFrom/index.js\";\nimport { UpdatePageFeature } from \"~/features/pages/updatePage/index.js\";\nimport { UpdatePageRevisionDescriptionFeature } from \"~/features/pages/updatePageRevisionDescription/index.js\";\nimport { CreatePageFeature as CreatePageHeadlessFeature } from \"~/features/pages/createPage/index.js\";\nimport { GetPageFeature } from \"~/features/pages/getPage/index.js\";\nimport { GetPageRevisionsFeature } from \"~/features/pages/getPageRevisions/index.js\";\nimport { SharedPageInfrastructureFeature } from \"~/features/pages/shared/feature.js\";\nimport { CreatePageConfig } from \"./presentation/pages/CreatePage/CreatePageConfig.js\";\nimport { TranslatePageConfig } from \"./presentation/pages/TranslatePage/TranslatePageConfig.js\";\nimport { CreatePageFeature } from \"~/presentation/pages/CreatePage/feature.js\";\nimport { PageSettingsFeature } from \"~/presentation/pages/PageEditor/PageSettings/feature.js\";\nimport { DeletePageRevisionFeature } from \"~/features/pages/deletePageRevision/index.js\";\nimport { UpdateSettingsFeature } from \"~/features/settings/updateSettings/index.js\";\nimport { GetSettingsFeature } from \"~/features/settings/getSettings/index.js\";\nimport { GetEcommerceSettingsFeature } from \"~/features/ecommerce/settings/getSettings/index.js\";\nimport { UpdateEcommerceSettingsFeature } from \"~/features/ecommerce/settings/updateSettings/index.js\";\n\nconst { Security, Menu, Route, Dashboard } = AdminConfig;\n\nexport const Extension = () => {\n    const router = useRouter();\n\n    return (\n        <>\n            <RegisterFeature feature={SharedPageInfrastructureFeature} />\n            <RegisterFeature feature={NextjsConfigFeature} />\n            <RegisterFeature feature={NuxtConfigFeature} />\n            <RegisterFeature feature={WbPermissionsFeature} />\n            <RegisterFeature feature={TranslatePageFeature} />\n            <RegisterFeature feature={DeletePageFeature} />\n            <RegisterFeature feature={DeletePageRevisionFeature} />\n            <RegisterFeature feature={MovePageFeature} />\n            <RegisterFeature feature={PublishPageFeature} />\n            <RegisterFeature feature={UnpublishPageFeature} />\n            <RegisterFeature feature={DuplicatePageFeature} />\n            <RegisterFeature feature={CreatePageRevisionFromFeature} />\n            <RegisterFeature feature={UpdatePageFeature} />\n            <RegisterFeature feature={UpdatePageRevisionDescriptionFeature} />\n            <RegisterFeature feature={CreatePageHeadlessFeature} />\n            <RegisterFeature feature={GetPageFeature} />\n            <RegisterFeature feature={GetPageRevisionsFeature} />\n            <RegisterFeature feature={CreatePageFeature} />\n            <RegisterFeature feature={PageSettingsFeature} />\n            <RegisterFeature feature={GetSettingsFeature} />\n            <RegisterFeature feature={GetEcommerceSettingsFeature} />\n            <RegisterFeature feature={UpdateSettingsFeature} />\n            <RegisterFeature feature={UpdateEcommerceSettingsFeature} />\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={<PagesList />} />\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            <CreatePageConfig />\n            <TranslatePageConfig />\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"],"names":["Security","Menu","Route","Dashboard","AdminConfig","Extension","router","useRouter","RegisterFeature","SharedPageInfrastructureFeature","NextjsConfigFeature","NuxtConfigFeature","WbPermissionsFeature","TranslatePageFeature","DeletePageFeature","DeletePageRevisionFeature","MovePageFeature","PublishPageFeature","UnpublishPageFeature","DuplicatePageFeature","CreatePageRevisionFromFeature","UpdatePageFeature","UpdatePageRevisionDescriptionFeature","CreatePageHeadlessFeature","GetPageFeature","GetPageRevisionsFeature","CreatePageFeature","PageSettingsFeature","GetSettingsFeature","GetEcommerceSettingsFeature","UpdateSettingsFeature","UpdateEcommerceSettingsFeature","PermissionsIcon","WB_PERMISSIONS_SCHEMA","HasPermission","PagesIcon","Routes","PagesList","PageEditor","PagesWidget","NavigationExtension","RedirectsList","SettingsMenuItem","IntegrationsMenuItem","PagesListConfig","RedirectsListConfig","CreatePageConfig","TranslatePageConfig","showSettingsDialog","useSettingsDialog","showIntegrationsDialog","useIntegrationsDialog"],"mappings":"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"}
+{"version":3,"file":"Extension.js","sources":["../src/Extension.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, RegisterFeature, useRouter } from \"@webiny/app-admin\";\nimport {\n    ReactComponent as PagesIcon,\n    ReactComponent as PermissionsIcon\n} from \"@webiny/icons/table_chart.svg\";\nimport { PageEditor } from \"~/presentation/pages/PageEditor/PageEditor.js\";\nimport { PagesList } from \"~/presentation/pages/PageList/components/PagesList.js\";\nimport { useSettingsDialog } from \"~/modules/settings/useSettingsDialog.js\";\nimport { useIntegrationsDialog } from \"./modules/integrations/useIntegrationsDialog.js\";\nimport { PagesListConfig } from \"~/presentation/pages/PageList/components/PagesListConfig.js\";\nimport { RedirectsList } from \"~/presentation/redirects/RedirectList/components/RedirectsList.js\";\nimport { RedirectsListConfig } from \"~/presentation/redirects/RedirectList/components/RedirectsListConfig.js\";\nimport { Routes } from \"~/routes.js\";\nimport { PagesWidget } from \"~/modules/widgets/PagesWidget.js\";\nimport { Extension as NavigationExtension } from \"./presentation/navigation/Extension.js\";\nimport { NextjsConfigFeature } from \"~/presentation/navigation/NextjsConfig/feature.js\";\nimport { NuxtConfigFeature } from \"~/presentation/navigation/NuxtConfig/feature.js\";\nimport { WB_PERMISSIONS_SCHEMA } from \"~/constants.js\";\nimport { WbPermissionsFeature } from \"~/features/permissions/feature.js\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\nimport { TranslatePageFeature } from \"~/features/pages/translatePage/index.js\";\nimport { DeletePageFeature } from \"~/features/pages/deletePage/index.js\";\nimport { MovePageFeature } from \"~/features/pages/movePage/index.js\";\nimport { PublishPageFeature } from \"~/features/pages/publishPage/index.js\";\nimport { UnpublishPageFeature } from \"~/features/pages/unpublishPage/index.js\";\nimport { DuplicatePageFeature } from \"~/features/pages/duplicatePage/index.js\";\nimport { CreatePageRevisionFromFeature } from \"~/features/pages/createPageRevisionFrom/index.js\";\nimport { UpdatePageFeature } from \"~/features/pages/updatePage/index.js\";\nimport { UpdatePageRevisionDescriptionFeature } from \"~/features/pages/updatePageRevisionDescription/index.js\";\nimport { CreatePageFeature as CreatePageHeadlessFeature } from \"~/features/pages/createPage/index.js\";\nimport { GetPageFeature } from \"~/features/pages/getPage/index.js\";\nimport { GetPageRevisionsFeature } from \"~/features/pages/getPageRevisions/index.js\";\nimport { SharedPageInfrastructureFeature } from \"~/features/pages/shared/feature.js\";\nimport { CreatePageConfig } from \"./presentation/pages/CreatePage/CreatePageConfig.js\";\nimport { TranslatePageConfig } from \"./presentation/pages/TranslatePage/TranslatePageConfig.js\";\nimport { CreatePageFeature } from \"~/presentation/pages/CreatePage/feature.js\";\nimport { PageSettingsFeature } from \"~/presentation/pages/PageEditor/PageSettings/feature.js\";\nimport { DeletePageRevisionFeature } from \"~/features/pages/deletePageRevision/index.js\";\nimport { UpdateSettingsFeature } from \"~/features/settings/updateSettings/index.js\";\nimport { GetSettingsFeature } from \"~/features/settings/getSettings/index.js\";\nimport { GetEcommerceSettingsFeature } from \"~/features/ecommerce/settings/getSettings/index.js\";\nimport { UpdateEcommerceSettingsFeature } from \"~/features/ecommerce/settings/updateSettings/index.js\";\n\nconst { Security, Menu, Route, Dashboard } = AdminConfig;\n\nexport const Extension = () => {\n    const router = useRouter();\n\n    return (\n        <>\n            <RegisterFeature feature={SharedPageInfrastructureFeature} />\n            <RegisterFeature feature={NextjsConfigFeature} />\n            <RegisterFeature feature={NuxtConfigFeature} />\n            <RegisterFeature feature={WbPermissionsFeature} />\n            <RegisterFeature feature={TranslatePageFeature} />\n            <RegisterFeature feature={DeletePageFeature} />\n            <RegisterFeature feature={DeletePageRevisionFeature} />\n            <RegisterFeature feature={MovePageFeature} />\n            <RegisterFeature feature={PublishPageFeature} />\n            {/*<AbTesting />*/}\n            <RegisterFeature feature={UnpublishPageFeature} />\n            <RegisterFeature feature={DuplicatePageFeature} />\n            <RegisterFeature feature={CreatePageRevisionFromFeature} />\n            <RegisterFeature feature={UpdatePageFeature} />\n            <RegisterFeature feature={UpdatePageRevisionDescriptionFeature} />\n            <RegisterFeature feature={CreatePageHeadlessFeature} />\n            <RegisterFeature feature={GetPageFeature} />\n            <RegisterFeature feature={GetPageRevisionsFeature} />\n            <RegisterFeature feature={CreatePageFeature} />\n            <RegisterFeature feature={PageSettingsFeature} />\n            <RegisterFeature feature={GetSettingsFeature} />\n            <RegisterFeature feature={GetEcommerceSettingsFeature} />\n            <RegisterFeature feature={UpdateSettingsFeature} />\n            <RegisterFeature feature={UpdateEcommerceSettingsFeature} />\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                    {/* Breadcrumbs (Website Builder › Pages › folder path) are emitted\n                        dynamically from within PagesList. */}\n                    <Route route={Routes.Pages.List} element={<PagesList />} />\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\n                        route={Routes.Redirects.List}\n                        element={\n                            <>\n                                <AdminConfig.Breadcrumb name={\"wb\"} label={\"Website Builder\"} />\n                                <AdminConfig.Breadcrumb name={\"wb.redirects\"} label={\"Redirects\"} />\n                                <RedirectsList />\n                            </>\n                        }\n                    />\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            <CreatePageConfig />\n            <TranslatePageConfig />\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"],"names":["Security","Menu","Route","Dashboard","AdminConfig","Extension","router","useRouter","RegisterFeature","SharedPageInfrastructureFeature","NextjsConfigFeature","NuxtConfigFeature","WbPermissionsFeature","TranslatePageFeature","DeletePageFeature","DeletePageRevisionFeature","MovePageFeature","PublishPageFeature","UnpublishPageFeature","DuplicatePageFeature","CreatePageRevisionFromFeature","UpdatePageFeature","UpdatePageRevisionDescriptionFeature","CreatePageHeadlessFeature","GetPageFeature","GetPageRevisionsFeature","CreatePageFeature","PageSettingsFeature","GetSettingsFeature","GetEcommerceSettingsFeature","UpdateSettingsFeature","UpdateEcommerceSettingsFeature","PermissionsIcon","WB_PERMISSIONS_SCHEMA","HasPermission","PagesIcon","Routes","PagesList","PageEditor","PagesWidget","NavigationExtension","RedirectsList","SettingsMenuItem","IntegrationsMenuItem","PagesListConfig","RedirectsListConfig","CreatePageConfig","TranslatePageConfig","showSettingsDialog","useSettingsDialog","showIntegrationsDialog","useIntegrationsDialog"],"mappings":"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"}

package/ecommerce/components/ResourcePage.d.ts

@@ -20,8 +20,12 @@ interface ResourcePickerRendererConfig {
 }
 export declare function createResourcePickerRenderer(config: ResourcePickerRendererConfig): (({ field }: {
     field: IFieldVM;
-}) => React.JSX.Element) & {
-    displayName: string;
+}) => React.JSX.Element) & React.NamedExoticComponent<{
+    field: IFieldVM;
+}> & {
+    readonly type: ({ field }: {
+        field: IFieldVM;
+    }) => React.JSX.Element;
 };
 export interface EcommerceResourcePageTypeConfig {
     name: string;

package/ecommerce/components/ResourcesList.d.ts

@@ -9,9 +9,9 @@ export type PickResourceListProps = {
     resourceName: string;
     pluginName: string;
 };
-export declare const PickResourceList: ((props: PickResourceListProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const PickResourceList: ((props: PickResourceListProps) => React.JSX.Element) & React.NamedExoticComponent<PickResourceListProps> & {
+    readonly type: (props: PickResourceListProps) => React.JSX.Element;
 };
-export declare const PickResourcesListButton: ((props: Omit<PickResourceListProps, "onDone">) => React.JSX.Element) & {
-    displayName: string;
+export declare const PickResourcesListButton: ((props: Omit<PickResourceListProps, "onDone">) => React.JSX.Element) & React.NamedExoticComponent<Omit<PickResourceListProps, "onDone">> & {
+    readonly type: (props: Omit<PickResourceListProps, "onDone">) => React.JSX.Element;
 };

package/ecommerce/components/ResourcesPicker.d.ts

@@ -24,8 +24,8 @@ export interface ResourcePreviewCellProps {
     onClick?: () => void;
     style?: Partial<CSSStyleDeclaration>;
 }
-export declare const ResourcePreviewCell: ((props: ResourcePreviewCellProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const ResourcePreviewCell: ((props: ResourcePreviewCellProps) => React.JSX.Element) & React.NamedExoticComponent<ResourcePreviewCellProps> & {
+    readonly type: (props: ResourcePreviewCellProps) => React.JSX.Element;
 };
 export type ResourcePickerProps = CustomResourcePickerProps<Resource> & {
     api: CommerceAPIOperations;
@@ -33,7 +33,12 @@ export type ResourcePickerProps = CustomResourcePickerProps<Resource> & {
     omitIds?: string[];
     title?: string;
 };
-export declare const ResourcePicker: ((props: ResourcePickerProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const ResourcePicker: ((props: ResourcePickerProps) => React.JSX.Element) & React.NamedExoticComponent<CustomResourcePickerProps<Resource> & {
+    api: CommerceAPIOperations;
+    resourceName: string;
+    omitIds?: string[];
+    title?: string;
+}> & {
+    readonly type: (props: ResourcePickerProps) => React.JSX.Element;
 };
 export declare const ResourcesPickerButton: React.FC<ResourcesPickerButtonProps>;

package/editorSdk/CommandBus.js.map

@@ -1 +1 @@
-{"version":3,"file":"editorSdk/CommandBus.js","sources":["../../src/editorSdk/CommandBus.ts"],"sourcesContent":["import type { Command } from \"./createCommand.js\";\nexport * from \"./createCommand.js\";\n\nconst INTERNAL_STOP = Symbol(\"INTERNAL_STOP\");\n\nexport type CommandHandler<T> = (\n    payload: T,\n    control: CommandHandlerControl\n) => void | typeof INTERNAL_STOP | Promise<void | typeof INTERNAL_STOP>;\n\nexport type CommandHandlerControl = {\n    stop: () => typeof INTERNAL_STOP;\n};\n\nexport enum CommandPriority {\n    LOW = -100,\n    NORMAL = 0,\n    HIGH = 100,\n    CRITICAL = 1000\n}\n\nexport class CommandBus {\n    private handlers = new Map<\n        string,\n        { priority: number; handler: (payload: any, control: CommandHandlerControl) => any }[]\n    >();\n\n    private middleware: ((\n        type: string,\n        payload: any,\n        next: (payload: any) => Promise<void>\n    ) => Promise<void>)[] = [];\n\n    register<T>(\n        command: Command<T>,\n        handler: CommandHandler<T>,\n        priority: CommandPriority = CommandPriority.NORMAL\n    ): () => void {\n        const list = this.handlers.get(command.type) ?? [];\n\n        const entry = { handler, priority };\n        list.push(entry);\n        list.sort((a, b) => b.priority - a.priority);\n        this.handlers.set(command.type, list);\n\n        // Return an unregister function\n        return () => {\n            const current = this.handlers.get(command.type);\n            if (!current) {\n                return;\n            }\n\n            const index = current.indexOf(entry);\n\n            if (index !== -1) {\n                current.splice(index, 1);\n            }\n\n            if (current.length === 0) {\n                this.handlers.delete(command.type);\n            }\n        };\n    }\n\n    use(mw: (type: string, payload: any, next: (payload: any) => Promise<void>) => Promise<void>) {\n        this.middleware.push(mw);\n    }\n\n    async execute<T>(command: Command<T>, payload?: T) {\n        const list = this.handlers.get(command.type) ?? [];\n\n        const runHandlers = async (p?: T) => {\n            const control: CommandHandlerControl = {\n                stop: () => INTERNAL_STOP\n            };\n\n            for (const entry of list) {\n                const result = await entry.handler(p, control);\n                if (result === INTERNAL_STOP) {\n                    break;\n                }\n            }\n        };\n\n        const composed = this.middleware.reduceRight(\n            (next, mw) => async (p?: T) => mw(command.type, p, next),\n            runHandlers\n        );\n\n        // console.log(\"[Execute Command]\", command.type, payload);\n        await composed(payload);\n    }\n}\n"],"names":["INTERNAL_STOP","Symbol","CommandPriority","CommandBus","command","handler","priority","list","entry","a","b","current","index","mw","payload","runHandlers","p","control","result","composed","next","Map"],"mappings":";AAGA,MAAMA,gBAAgBC,OAAO;AAWtB,IAAKC,6BAAeA,WAAAA,GAAAA,SAAfA,eAAe;;;;;WAAfA;;AAOL,MAAMC;IAYT,SACIC,OAAmB,EACnBC,OAA0B,EAC1BC,WAAAA,CAAkD,EACxC;QACV,MAAMC,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACH,QAAQ,IAAI,KAAK,EAAE;QAElD,MAAMI,QAAQ;YAAEH;YAASC;QAAS;QAClCC,KAAK,IAAI,CAACC;QACVD,KAAK,IAAI,CAAC,CAACE,GAAGC,IAAMA,EAAE,QAAQ,GAAGD,EAAE,QAAQ;QAC3C,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACL,QAAQ,IAAI,EAAEG;QAGhC,OAAO;YACH,MAAMI,UAAU,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACP,QAAQ,IAAI;YAC9C,IAAI,CAACO,SACD;YAGJ,MAAMC,QAAQD,QAAQ,OAAO,CAACH;YAE9B,IAAII,AAAU,OAAVA,OACAD,QAAQ,MAAM,CAACC,OAAO;YAG1B,IAAID,AAAmB,MAAnBA,QAAQ,MAAM,EACd,IAAI,CAAC,QAAQ,CAAC,MAAM,CAACP,QAAQ,IAAI;QAEzC;IACJ;IAEA,IAAIS,EAAwF,EAAE;QAC1F,IAAI,CAAC,UAAU,CAAC,IAAI,CAACA;IACzB;IAEA,MAAM,QAAWT,OAAmB,EAAEU,OAAW,EAAE;QAC/C,MAAMP,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACH,QAAQ,IAAI,KAAK,EAAE;QAElD,MAAMW,cAAc,OAAOC;YACvB,MAAMC,UAAiC;gBACnC,MAAM,IAAMjB;YAChB;YAEA,KAAK,MAAMQ,SAASD,KAAM;gBACtB,MAAMW,SAAS,MAAMV,MAAM,OAAO,CAACQ,GAAGC;gBACtC,IAAIC,WAAWlB,eACX;YAER;QACJ;QAEA,MAAMmB,WAAW,IAAI,CAAC,UAAU,CAAC,WAAW,CACxC,CAACC,MAAMP,KAAO,OAAOG,IAAUH,GAAGT,QAAQ,IAAI,EAAEY,GAAGI,OACnDL;QAIJ,MAAMI,SAASL;IACnB;;aArEQ,QAAQ,GAAG,IAAIO;aAKf,UAAU,GAIM,EAAE;;AA6D9B"}
+{"version":3,"file":"editorSdk/CommandBus.js","sources":["../../src/editorSdk/CommandBus.ts"],"sourcesContent":["import type { Command } from \"./createCommand.js\";\nexport * from \"./createCommand.js\";\n\nconst INTERNAL_STOP = Symbol(\"INTERNAL_STOP\");\n\nexport type CommandHandler<T> = (\n    payload: T,\n    control: CommandHandlerControl\n) => void | typeof INTERNAL_STOP | Promise<void | typeof INTERNAL_STOP>;\n\nexport type CommandHandlerControl = {\n    stop: () => typeof INTERNAL_STOP;\n};\n\nexport enum CommandPriority {\n    LOW = -100,\n    NORMAL = 0,\n    HIGH = 100,\n    CRITICAL = 1000\n}\n\nexport class CommandBus {\n    private handlers = new Map<\n        string,\n        { priority: number; handler: (payload: any, control: CommandHandlerControl) => any }[]\n    >();\n\n    private middleware: ((\n        type: string,\n        payload: any,\n        next: (payload: any) => Promise<void>\n    ) => Promise<void>)[] = [];\n\n    register<T>(\n        command: Command<T>,\n        handler: CommandHandler<T>,\n        priority: CommandPriority = CommandPriority.NORMAL\n    ): () => void {\n        const list = this.handlers.get(command.type) ?? [];\n\n        const entry = { handler, priority };\n        list.push(entry);\n        list.sort((a, b) => b.priority - a.priority);\n        this.handlers.set(command.type, list);\n\n        // Return an unregister function\n        return () => {\n            const current = this.handlers.get(command.type);\n            if (!current) {\n                return;\n            }\n\n            const index = current.indexOf(entry);\n\n            if (index !== -1) {\n                current.splice(index, 1);\n            }\n\n            if (current.length === 0) {\n                this.handlers.delete(command.type);\n            }\n        };\n    }\n\n    use(mw: (type: string, payload: any, next: (payload: any) => Promise<void>) => Promise<void>) {\n        this.middleware.push(mw);\n    }\n\n    async execute<T>(command: Command<T>, payload?: T) {\n        const list = this.handlers.get(command.type) ?? [];\n\n        const runHandlers = async (p?: T) => {\n            const control: CommandHandlerControl = {\n                stop: () => INTERNAL_STOP\n            };\n\n            for (const entry of list) {\n                const result = await entry.handler(p, control);\n                if (result === INTERNAL_STOP) {\n                    break;\n                }\n            }\n        };\n\n        const composed = this.middleware.reduceRight(\n            (next, mw) => async (p?: T) => mw(command.type, p, next),\n            runHandlers\n        );\n\n        // console.log(\"[Execute Command]\", command.type, payload);\n        await composed(payload);\n    }\n}\n"],"names":["INTERNAL_STOP","Symbol","CommandPriority","CommandBus","command","handler","priority","list","entry","a","b","current","index","mw","payload","runHandlers","p","control","result","composed","next","Map"],"mappings":";AAGA,MAAMA,gBAAgBC,OAAO;AAWtB,IAAKC,6BAAeA,WAAAA,GAAAA,SAAfA,eAAe;;gDAEd;8CACF;kDACI;WAJHA;;AAOL,MAAMC;IAYT,SACIC,OAAmB,EACnBC,OAA0B,EAC1BC,WApBK,CAoB6C,EACxC;QACV,MAAMC,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACH,QAAQ,IAAI,KAAK,EAAE;QAElD,MAAMI,QAAQ;YAAEH;YAASC;QAAS;QAClCC,KAAK,IAAI,CAACC;QACVD,KAAK,IAAI,CAAC,CAACE,GAAGC,IAAMA,EAAE,QAAQ,GAAGD,EAAE,QAAQ;QAC3C,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACL,QAAQ,IAAI,EAAEG;QAGhC,OAAO;YACH,MAAMI,UAAU,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACP,QAAQ,IAAI;YAC9C,IAAI,CAACO,SACD;YAGJ,MAAMC,QAAQD,QAAQ,OAAO,CAACH;YAE9B,IAAII,AAAU,OAAVA,OACAD,QAAQ,MAAM,CAACC,OAAO;YAG1B,IAAID,AAAmB,MAAnBA,QAAQ,MAAM,EACd,IAAI,CAAC,QAAQ,CAAC,MAAM,CAACP,QAAQ,IAAI;QAEzC;IACJ;IAEA,IAAIS,EAAwF,EAAE;QAC1F,IAAI,CAAC,UAAU,CAAC,IAAI,CAACA;IACzB;IAEA,MAAM,QAAWT,OAAmB,EAAEU,OAAW,EAAE;QAC/C,MAAMP,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACH,QAAQ,IAAI,KAAK,EAAE;QAElD,MAAMW,cAAc,OAAOC;YACvB,MAAMC,UAAiC;gBACnC,MAAM,IAAMjB;YAChB;YAEA,KAAK,MAAMQ,SAASD,KAAM;gBACtB,MAAMW,SAAS,MAAMV,MAAM,OAAO,CAACQ,GAAGC;gBACtC,IAAIC,WAAWlB,eACX;YAER;QACJ;QAEA,MAAMmB,WAAW,IAAI,CAAC,UAAU,CAAC,WAAW,CACxC,CAACC,MAAMP,KAAO,OAAOG,IAAUH,GAAGT,QAAQ,IAAI,EAAEY,GAAGI,OACnDL;QAIJ,MAAMI,SAASL;IACnB;;aArEQ,QAAQ,GAAG,IAAIO;aAKf,UAAU,GAIM,EAAE;;AA6D9B"}

package/editorSdk/utils/$cloneElement.d.ts

@@ -0,0 +1,2 @@
+import type { Editor } from "../Editor.js";
+export declare function $cloneElement(editor: Editor, id: string): string | undefined;

package/editorSdk/utils/$cloneElement.js

@@ -0,0 +1,112 @@
+import { ElementFactory, generateElementId } from "@webiny/website-builder-sdk";
+import { $getElementById } from "./$getElementById.js";
+import { $addElementReferenceToParent } from "./$addElementReferenceToParent.js";
+import { applyAncestorUpdates, executeOnChange } from "./executeOnChange.js";
+function collectDescendants(document, elementId) {
+    const ids = [];
+    const bindings = document.bindings[elementId];
+    if (!bindings?.inputs) return ids;
+    for (const binding of Object.values(bindings.inputs)){
+        if ("slot" !== binding.type) continue;
+        const children = binding.list ? binding.static ?? [] : binding.static ? [
+            binding.static
+        ] : [];
+        for (const childId of children){
+            ids.push(childId);
+            ids.push(...collectDescendants(document, childId));
+        }
+    }
+    return ids;
+}
+function remapBindings(bindings, idMap) {
+    const cloned = structuredClone(bindings);
+    if (cloned.inputs) {
+        for (const [key, binding] of Object.entries(cloned.inputs))if ("slot" === binding.type) {
+            if (binding.list && Array.isArray(binding.static)) cloned.inputs[key] = {
+                ...binding,
+                static: binding.static.map((id)=>idMap.get(id) ?? id)
+            };
+            else if ("string" == typeof binding.static) {
+                const newId = idMap.get(binding.static);
+                if (newId) cloned.inputs[key] = {
+                    ...binding,
+                    static: newId
+                };
+            }
+        }
+    }
+    return cloned;
+}
+function getSlotIndex(document, element) {
+    const parent = element.parent;
+    if (!parent) return -1;
+    const parentBindings = document.bindings[parent.id];
+    if (!parentBindings?.inputs) return -1;
+    const slotBinding = parentBindings.inputs[parent.slot];
+    if (!slotBinding) return -1;
+    if (slotBinding.list && Array.isArray(slotBinding.static)) return slotBinding.static.indexOf(element.id);
+    return -1;
+}
+function $cloneElement(editor, id) {
+    const document = editor.getDocumentState().read();
+    const element = $getElementById(document, id);
+    if (!element || !element.parent) return;
+    const allIds = [
+        id,
+        ...collectDescendants(document, id)
+    ];
+    const idMap = new Map();
+    for (const oldId of allIds)idMap.set(oldId, generateElementId());
+    const originalIndex = getSlotIndex(document, element);
+    editor.updateDocument((doc)=>{
+        for (const oldId of allIds){
+            const original = doc.elements[oldId];
+            const newId = idMap.get(oldId);
+            const clonedElement = {
+                ...structuredClone(original),
+                id: newId
+            };
+            if (clonedElement.parent) {
+                const newParentId = idMap.get(clonedElement.parent.id);
+                if (newParentId) clonedElement.parent = {
+                    ...clonedElement.parent,
+                    id: newParentId
+                };
+            }
+            doc.elements[newId] = clonedElement;
+            const originalBindings = doc.bindings[oldId];
+            if (originalBindings) doc.bindings[newId] = remapBindings(originalBindings, idMap);
+        }
+        const rootNewId = idMap.get(id);
+        const insertIndex = originalIndex >= 0 ? originalIndex + 1 : originalIndex;
+        $addElementReferenceToParent(doc, {
+            elementId: rootNewId,
+            parentId: element.parent.id,
+            slot: element.parent.slot,
+            index: insertIndex
+        });
+    });
+    const componentsManifest = editor.getEditorState().read().components;
+    const editorState = editor.getEditorState().read();
+    const breakpointNames = editorState.viewport.breakpoints.map((bp)=>bp.name);
+    const baseBreakpoint = breakpointNames[0];
+    const elementFactory = new ElementFactory(componentsManifest);
+    for (const oldId of allIds){
+        const newId = idMap.get(oldId);
+        const ancestorUpdates = executeOnChange({
+            editor,
+            elementId: newId,
+            action: "create",
+            breakpointNames,
+            baseBreakpoint,
+            elementFactory
+        });
+        if (ancestorUpdates.length > 0) editor.updateDocument((doc)=>{
+            applyAncestorUpdates(doc, ancestorUpdates, breakpointNames, baseBreakpoint, elementFactory);
+        });
+    }
+    return idMap.get(id);
+}
+export { $cloneElement };
+
+//# sourceMappingURL=$cloneElement.js.map

package/editorSdk/utils/$cloneElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorSdk/utils/$cloneElement.js","sources":["../../../src/editorSdk/utils/$cloneElement.ts"],"sourcesContent":["import { generateElementId } from \"@webiny/website-builder-sdk\";\nimport type {\n    Document,\n    DocumentElement,\n    DocumentElementBindings\n} from \"@webiny/website-builder-sdk\";\nimport { ElementFactory } from \"@webiny/website-builder-sdk\";\nimport type { Editor } from \"../Editor.js\";\nimport { $getElementById } from \"./$getElementById.js\";\nimport { $addElementReferenceToParent } from \"./$addElementReferenceToParent.js\";\nimport { executeOnChange, applyAncestorUpdates } from \"./executeOnChange.js\";\n\nfunction collectDescendants(document: Document, elementId: string): string[] {\n    const ids: string[] = [];\n    const bindings = document.bindings[elementId];\n    if (!bindings?.inputs) {\n        return ids;\n    }\n\n    for (const binding of Object.values(bindings.inputs)) {\n        if (binding.type !== \"slot\") {\n            continue;\n        }\n\n        const children = binding.list\n            ? ((binding.static as string[] | undefined) ?? [])\n            : binding.static\n              ? [binding.static as string]\n              : [];\n\n        for (const childId of children) {\n            ids.push(childId);\n            ids.push(...collectDescendants(document, childId));\n        }\n    }\n\n    return ids;\n}\n\nfunction remapBindings(\n    bindings: DocumentElementBindings,\n    idMap: Map<string, string>\n): DocumentElementBindings {\n    const cloned = structuredClone(bindings);\n\n    if (cloned.inputs) {\n        for (const [key, binding] of Object.entries(cloned.inputs)) {\n            if (binding.type !== \"slot\") {\n                continue;\n            }\n\n            if (binding.list && Array.isArray(binding.static)) {\n                cloned.inputs[key] = {\n                    ...binding,\n                    static: binding.static.map((id: string) => idMap.get(id) ?? id)\n                };\n            } else if (typeof binding.static === \"string\") {\n                const newId = idMap.get(binding.static);\n                if (newId) {\n                    cloned.inputs[key] = { ...binding, static: newId };\n                }\n            }\n        }\n    }\n\n    return cloned;\n}\n\nfunction getSlotIndex(document: Document, element: DocumentElement): number {\n    const parent = element.parent;\n    if (!parent) {\n        return -1;\n    }\n\n    const parentBindings = document.bindings[parent.id];\n    if (!parentBindings?.inputs) {\n        return -1;\n    }\n\n    const slotBinding = parentBindings.inputs[parent.slot];\n    if (!slotBinding) {\n        return -1;\n    }\n\n    if (slotBinding.list && Array.isArray(slotBinding.static)) {\n        return slotBinding.static.indexOf(element.id);\n    }\n\n    return -1;\n}\n\nexport function $cloneElement(editor: Editor, id: string): string | undefined {\n    const document = editor.getDocumentState().read();\n    const element = $getElementById(document, id);\n\n    if (!element || !element.parent) {\n        return undefined;\n    }\n\n    const allIds = [id, ...collectDescendants(document, id)];\n    const idMap = new Map<string, string>();\n    for (const oldId of allIds) {\n        idMap.set(oldId, generateElementId());\n    }\n\n    const originalIndex = getSlotIndex(document, element);\n\n    editor.updateDocument(doc => {\n        for (const oldId of allIds) {\n            const original = doc.elements[oldId];\n            const newId = idMap.get(oldId)!;\n\n            const clonedElement: DocumentElement = {\n                ...structuredClone(original),\n                id: newId\n            };\n\n            if (clonedElement.parent) {\n                const newParentId = idMap.get(clonedElement.parent.id);\n                if (newParentId) {\n                    clonedElement.parent = {\n                        ...clonedElement.parent,\n                        id: newParentId\n                    };\n                }\n            }\n\n            doc.elements[newId] = clonedElement;\n\n            const originalBindings = doc.bindings[oldId];\n            if (originalBindings) {\n                doc.bindings[newId] = remapBindings(originalBindings, idMap);\n            }\n        }\n\n        const rootNewId = idMap.get(id)!;\n        const insertIndex = originalIndex >= 0 ? originalIndex + 1 : originalIndex;\n\n        $addElementReferenceToParent(doc, {\n            elementId: rootNewId,\n            parentId: element.parent!.id,\n            slot: element.parent!.slot,\n            index: insertIndex\n        });\n    });\n\n    const componentsManifest = editor.getEditorState().read().components;\n    const editorState = editor.getEditorState().read();\n    const breakpointNames = editorState.viewport.breakpoints.map(bp => bp.name);\n    const baseBreakpoint = breakpointNames[0];\n    const elementFactory = new ElementFactory(componentsManifest);\n\n    for (const oldId of allIds) {\n        const newId = idMap.get(oldId)!;\n        const ancestorUpdates = executeOnChange({\n            editor,\n            elementId: newId,\n            action: \"create\",\n            breakpointNames,\n            baseBreakpoint,\n            elementFactory\n        });\n\n        if (ancestorUpdates.length > 0) {\n            editor.updateDocument(doc => {\n                applyAncestorUpdates(\n                    doc,\n                    ancestorUpdates,\n                    breakpointNames,\n                    baseBreakpoint,\n                    elementFactory\n                );\n            });\n        }\n    }\n\n    return idMap.get(id);\n}\n"],"names":["collectDescendants","document","elementId","ids","bindings","binding","Object","children","childId","remapBindings","idMap","cloned","structuredClone","key","Array","id","newId","getSlotIndex","element","parent","parentBindings","slotBinding","$cloneElement","editor","$getElementById","allIds","Map","oldId","generateElementId","originalIndex","doc","original","clonedElement","newParentId","originalBindings","rootNewId","insertIndex","$addElementReferenceToParent","componentsManifest","editorState","breakpointNames","bp","baseBreakpoint","elementFactory","ElementFactory","ancestorUpdates","executeOnChange","applyAncestorUpdates"],"mappings":"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"}

package/editorSdk/utils/index.d.ts

@@ -14,4 +14,5 @@ export * from "./$getFirstElementOfType.js";
 export * from "./$getElementInputValues.js";
 export * from "./$updateElementInputs.js";
 export * from "./$previewElementInputs.js";
+export * from "./$cloneElement.js";
 export * from "./executeOnChange.js";

package/editorSdk/utils/index.js

@@ -14,4 +14,5 @@ export * from "./$getFirstElementOfType.js";
 export * from "./$getElementInputValues.js";
 export * from "./$updateElementInputs.js";
 export * from "./$previewElementInputs.js";
+export * from "./$cloneElement.js";
 export * from "./executeOnChange.js";

package/features/experiments/ExperimentsGateway.d.ts

@@ -0,0 +1,30 @@
+import { ExperimentsGateway as GatewayAbstraction } from "./abstractions.js";
+import type { CreateExperimentInput, ExperimentDto, UpdateExperimentInput, UpdateVariantInput, VariantContentDto, VariantDto } from "./types.js";
+import { MainGraphQLClient } from "@webiny/app/features/mainGraphQLClient";
+declare class ExperimentsGatewayImpl implements GatewayAbstraction.Interface {
+    private client;
+    constructor(client: MainGraphQLClient.Interface);
+    private unwrap;
+    listExperiments(pageEntryId: string): Promise<ExperimentDto[]>;
+    getExperiment(id: string): Promise<ExperimentDto | null>;
+    listVariants(experimentId: string): Promise<VariantDto[]>;
+    getVariant(id: string): Promise<VariantContentDto | null>;
+    createExperiment(input: CreateExperimentInput): Promise<ExperimentDto>;
+    updateExperiment(id: string, input: UpdateExperimentInput): Promise<ExperimentDto>;
+    startExperiment(id: string): Promise<ExperimentDto>;
+    stopExperiment(id: string): Promise<ExperimentDto>;
+    deleteExperiment(id: string): Promise<boolean>;
+    pauseExperiment(experimentEntryId: string): Promise<boolean>;
+    resumeExperiment(experimentEntryId: string): Promise<boolean>;
+    getExperimentPaused(experimentEntryId: string): Promise<boolean>;
+    createVariant(input: {
+        experimentId: string;
+        name: string;
+    }): Promise<VariantDto>;
+    updateVariant(id: string, input: UpdateVariantInput): Promise<VariantDto>;
+    deleteVariant(id: string): Promise<boolean>;
+}
+export declare const ExperimentsGateway: typeof ExperimentsGatewayImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IExperimentsGateway>;
+};
+export {};