@webiny/app-website-builder 6.0.0-alpha.0

package/BaseEditor/config/Content/Content.d.ts

@@ -0,0 +1,62 @@
+import React from "react";
+import { ElementProps as BaseElementProps } from "../Element";
+export type ElementProps = Omit<BaseElementProps, "scope" | "group" | "id">;
+export declare const Content: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Layout: ({ children }: import("./Layout").LayoutProps) => React.ReactNode;
+    Element: ((props: ElementProps) => React.JSX.Element) & {
+        original: (props: ElementProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: ElementProps) => React.JSX.Element) & {
+            original: (props: ElementProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: ElementProps) => React.JSX.Element) & {
+            original: (props: ElementProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Elements: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (() => React.JSX.Element) & {
+            original: () => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(() => React.JSX.Element) & {
+            original: () => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};

package/BaseEditor/config/Content/Content.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { Layout } from "./Layout";
+import { Elements as BaseElements } from "../Elements";
+import { Element as BaseElement } from "../Element";
+import { createGetId } from "../createGetId";
+const SCOPE = "content";
+const BaseContent = makeDecoratable("EditorContent", () => {
+  return /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Elements, null));
+});
+const getElementId = createGetId(SCOPE)();
+const Element = makeDecoratable("ContentElement", props => {
+  return /*#__PURE__*/React.createElement(BaseElement, Object.assign({}, props, {
+    scope: SCOPE,
+    id: getElementId(props.name),
+    before: props.before ? getElementId(props.before) : undefined,
+    after: props.after ? getElementId(props.after) : undefined
+  }));
+});
+const Elements = makeDecoratable("ContentElements", () => {
+  return /*#__PURE__*/React.createElement(BaseElements, {
+    scope: SCOPE
+  });
+});
+export const Content = Object.assign(BaseContent, {
+  Layout,
+  Element,
+  Elements
+});
+
+//# sourceMappingURL=Content.js.map

package/BaseEditor/config/Content/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Layout","Elements","BaseElements","Element","BaseElement","createGetId","SCOPE","BaseContent","createElement","getElementId","props","Object","assign","scope","id","name","before","undefined","after","Content"],"sources":["Content.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Layout } from \"./Layout\";\nimport { Elements as BaseElements } from \"../Elements\";\nimport { Element as BaseElement, ElementProps as BaseElementProps } from \"../Element\";\nimport { createGetId } from \"../createGetId\";\n\nconst SCOPE = \"content\";\n\nconst BaseContent = makeDecoratable(\"EditorContent\", () => {\n    return (\n        <Layout>\n            <Elements />\n        </Layout>\n    );\n});\n\nexport type ElementProps = Omit<BaseElementProps, \"scope\" | \"group\" | \"id\">;\n\nconst getElementId = createGetId(SCOPE)();\n\nconst Element = makeDecoratable(\"ContentElement\", (props: ElementProps) => {\n    return (\n        <BaseElement\n            {...props}\n            scope={SCOPE}\n            id={getElementId(props.name)}\n            before={props.before ? getElementId(props.before) : undefined}\n            after={props.after ? getElementId(props.after) : undefined}\n        />\n    );\n});\n\nconst Elements = makeDecoratable(\"ContentElements\", () => {\n    return <BaseElements scope={SCOPE} />;\n});\n\nexport const Content = Object.assign(BaseContent, { Layout, Element, Elements });\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,MAAM;AACf,SAASC,QAAQ,IAAIC,YAAY;AACjC,SAASC,OAAO,IAAIC,WAAW;AAC/B,SAASC,WAAW;AAEpB,MAAMC,KAAK,GAAG,SAAS;AAEvB,MAAMC,WAAW,GAAGR,eAAe,CAAC,eAAe,EAAE,MAAM;EACvD,oBACID,KAAA,CAAAU,aAAA,CAACR,MAAM,qBACHF,KAAA,CAAAU,aAAA,CAACP,QAAQ,MAAE,CACP,CAAC;AAEjB,CAAC,CAAC;AAIF,MAAMQ,YAAY,GAAGJ,WAAW,CAACC,KAAK,CAAC,CAAC,CAAC;AAEzC,MAAMH,OAAO,GAAGJ,eAAe,CAAC,gBAAgB,EAAGW,KAAmB,IAAK;EACvE,oBACIZ,KAAA,CAAAU,aAAA,CAACJ,WAAW,EAAAO,MAAA,CAAAC,MAAA,KACJF,KAAK;IACTG,KAAK,EAAEP,KAAM;IACbQ,EAAE,EAAEL,YAAY,CAACC,KAAK,CAACK,IAAI,CAAE;IAC7BC,MAAM,EAAEN,KAAK,CAACM,MAAM,GAAGP,YAAY,CAACC,KAAK,CAACM,MAAM,CAAC,GAAGC,SAAU;IAC9DC,KAAK,EAAER,KAAK,CAACQ,KAAK,GAAGT,YAAY,CAACC,KAAK,CAACQ,KAAK,CAAC,GAAGD;EAAU,EAC9D,CAAC;AAEV,CAAC,CAAC;AAEF,MAAMhB,QAAQ,GAAGF,eAAe,CAAC,iBAAiB,EAAE,MAAM;EACtD,oBAAOD,KAAA,CAAAU,aAAA,CAACN,YAAY;IAACW,KAAK,EAAEP;EAAM,CAAE,CAAC;AACzC,CAAC,CAAC;AAEF,OAAO,MAAMa,OAAO,GAAGR,MAAM,CAACC,MAAM,CAACL,WAAW,EAAE;EAAEP,MAAM;EAAEG,OAAO;EAAEF;AAAS,CAAC,CAAC","ignoreList":[]}

package/BaseEditor/config/Content/Layout.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface LayoutProps {
+    children: React.ReactNode;
+}
+export declare const Layout: ({ children }: LayoutProps) => React.ReactNode;

package/BaseEditor/config/Content/Layout.js

@@ -0,0 +1,7 @@
+export const Layout = ({
+  children
+}) => {
+  return children;
+};
+
+//# sourceMappingURL=Layout.js.map

package/BaseEditor/config/Content/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Layout","children"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface LayoutProps {\n    children: React.ReactNode;\n}\n\nexport const Layout = ({ children }: LayoutProps) => {\n    return children;\n};\n"],"mappings":"AAMA,OAAO,MAAMA,MAAM,GAAGA,CAAC;EAAEC;AAAsB,CAAC,KAAK;EACjD,OAAOA,QAAQ;AACnB,CAAC","ignoreList":[]}

package/BaseEditor/config/EditorConfig.d.ts

@@ -0,0 +1,442 @@
+/// <reference types="react" />
+import { ElementConfig } from "./Element";
+import { ElementInputConfig } from "./ElementInput";
+export declare const EditorConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => import("react").JSX.Element) & {
+    /**
+     * Components to configure editor UI.
+     */
+    Ui: {
+        Element: (({ id, name, element, group, scope, remove, before, after }: import("./Element").ElementProps) => import("react").JSX.Element) & {
+            original: ({ id, name, element, group, scope, remove, before, after }: import("./Element").ElementProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (({ id, name, element, group, scope, remove, before, after }: import("./Element").ElementProps) => import("react").JSX.Element) & {
+                original: ({ id, name, element, group, scope, remove, before, after }: import("./Element").ElementProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ id, name, element, group, scope, remove, before, after }: import("./Element").ElementProps) => import("react").JSX.Element) & {
+                original: ({ id, name, element, group, scope, remove, before, after }: import("./Element").ElementProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => import("react").JSX.Element;
+        };
+        Elements: ({ group, scope, transform }: import("./Elements").ElementsProps) => import("react").JSX.Element;
+        Layout: (() => import("react").JSX.Element) & {
+            original: () => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (() => import("react").JSX.Element) & {
+                original: () => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
+                original: () => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => import("react").JSX.Element;
+        };
+        Content: (() => import("react").JSX.Element) & {
+            original: () => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: (() => import("react").JSX.Element) & {
+                original: () => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
+                original: () => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => import("react").JSX.Element;
+        } & {
+            Layout: ({ children }: import("./Content/Layout").LayoutProps) => import("react").ReactNode;
+            Element: ((props: import("./Content/Content").ElementProps) => import("react").JSX.Element) & {
+                original: (props: import("./Content/Content").ElementProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("./Content/Content").ElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Content/Content").ElementProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./Content/Content").ElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Content/Content").ElementProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => import("react").JSX.Element;
+            };
+            Elements: (() => import("react").JSX.Element) & {
+                original: () => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (() => import("react").JSX.Element) & {
+                    original: () => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
+                    original: () => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => import("react").JSX.Element;
+            };
+        };
+        TopBar: (() => import("react").JSX.Element) & {
+            Element: ((props: import("./TopBar/TopBar").ElementProps) => import("react").JSX.Element) & {
+                original: (props: import("./TopBar/TopBar").ElementProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("./TopBar/TopBar").ElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar").ElementProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./TopBar/TopBar").ElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar").ElementProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => import("react").JSX.Element;
+            };
+            Elements: ((props: import("./TopBar/TopBar").ElementsProps) => import("react").JSX.Element) & {
+                original: (props: import("./TopBar/TopBar").ElementsProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("./TopBar/TopBar").ElementsProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar").ElementsProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./TopBar/TopBar").ElementsProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar").ElementsProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => import("react").JSX.Element;
+            };
+            Layout: (() => import("react").JSX.Element) & {
+                original: () => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (() => import("react").JSX.Element) & {
+                    original: () => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
+                    original: () => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => import("react").JSX.Element;
+            };
+            Divider: (() => import("react").JSX.Element) & {
+                original: () => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (() => import("react").JSX.Element) & {
+                    original: () => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
+                    original: () => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => import("react").JSX.Element;
+            };
+            Action: ((props: import("./TopBar/TopBar").ActionProps) => import("react").JSX.Element) & {
+                original: (props: import("./TopBar/TopBar").ActionProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("./TopBar/TopBar").ActionProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar").ActionProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./TopBar/TopBar").ActionProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar").ActionProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => import("react").JSX.Element;
+            };
+            DropdownAction: ((props: import("./TopBar/TopBar").DropdownActionProps) => import("react").JSX.Element) & {
+                original: (props: import("./TopBar/TopBar").DropdownActionProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("./TopBar/TopBar").DropdownActionProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar").DropdownActionProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./TopBar/TopBar").DropdownActionProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar").DropdownActionProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => import("react").JSX.Element;
+            } & {
+                MenuItem: (props: import("./TopBar/MenuItem").MenuItemProps) => import("react").JSX.Element;
+            };
+        };
+        Toolbar: (() => import("react").JSX.Element) & {
+            Layout: () => import("react").JSX.Element;
+            Element: ((props: import("./Toolbar/Toolbar").ElementProps) => import("react").JSX.Element) & {
+                original: (props: import("./Toolbar/Toolbar").ElementProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("./Toolbar/Toolbar").ElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Toolbar/Toolbar").ElementProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./Toolbar/Toolbar").ElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Toolbar/Toolbar").ElementProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => import("react").JSX.Element;
+            };
+            Elements: ((props: import("./Toolbar/Toolbar").ElementsProps) => import("react").JSX.Element) & {
+                original: (props: import("./Toolbar/Toolbar").ElementsProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("./Toolbar/Toolbar").ElementsProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Toolbar/Toolbar").ElementsProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./Toolbar/Toolbar").ElementsProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Toolbar/Toolbar").ElementsProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => import("react").JSX.Element;
+            };
+        };
+        Sidebar: (() => import("react").JSX.Element) & {
+            Layout: (() => import("react").JSX.Element) & {
+                original: () => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: (() => import("react").JSX.Element) & {
+                    original: () => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
+                    original: () => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => import("react").JSX.Element;
+            };
+            Element: ((props: import("./Sidebar/Sidebar").BaseElementProps) => import("react").JSX.Element) & {
+                original: (props: import("./Sidebar/Sidebar").BaseElementProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("./Sidebar/Sidebar").BaseElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Sidebar/Sidebar").BaseElementProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./Sidebar/Sidebar").BaseElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Sidebar/Sidebar").BaseElementProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => import("react").JSX.Element;
+            };
+            Elements: ((props: import("./Sidebar/Sidebar").ElementsProps) => import("react").JSX.Element) & {
+                original: (props: import("./Sidebar/Sidebar").ElementsProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("./Sidebar/Sidebar").ElementsProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Sidebar/Sidebar").ElementsProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./Sidebar/Sidebar").ElementsProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Sidebar/Sidebar").ElementsProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => import("react").JSX.Element;
+            };
+            Group: ((props: import("./Sidebar/Sidebar").GroupProps) => import("react").JSX.Element) & {
+                original: (props: import("./Sidebar/Sidebar").GroupProps) => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            } & {
+                original: ((props: import("./Sidebar/Sidebar").GroupProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Sidebar/Sidebar").GroupProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                };
+                originalName: string;
+                displayName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./Sidebar/Sidebar").GroupProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Sidebar/Sidebar").GroupProps) => import("react").JSX.Element;
+                    originalName: string;
+                    displayName: string;
+                }>) => (props: unknown) => import("react").JSX.Element;
+            } & {
+                Tab: ({ name, label, disabled, element, visible, noPadding }: import("./Sidebar/Tab").TabProps) => import("react").JSX.Element;
+            };
+            ScrollableContainer: import("@emotion/styled").StyledComponent<{
+                theme?: import("@emotion/react").Theme | undefined;
+                as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+        };
+        OnActiveElement: ({ children }: import("./OnActiveElement").OnActiveElementProps) => import("react").JSX.Element | null;
+        NoActiveElement: ({ children }: import("./NoActiveElement").NoActiveElementProps) => import("react").JSX.Element | null;
+    };
+    ElementInput: {
+        Renderer: (props: import("./ElementInput").RendererProps) => import("react").JSX.Element;
+    };
+    /**
+     * Define a new element property.
+     */
+    ElementProperty: ((props: import("./ElementProperty").ElementPropertyProps) => import("react").JSX.Element) & {
+        original: (props: import("./ElementProperty").ElementPropertyProps) => import("react").JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("./ElementProperty").ElementPropertyProps) => import("react").JSX.Element) & {
+            original: (props: import("./ElementProperty").ElementPropertyProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./ElementProperty").ElementPropertyProps) => import("react").JSX.Element) & {
+            original: (props: import("./ElementProperty").ElementPropertyProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => import("react").JSX.Element;
+    } & {
+        STYLE: string;
+        ELEMENT: string;
+    };
+    /**
+     * Render element properties for the given group.
+     */
+    ElementProperties: (props: import("./ElementProperty").ElementPropertiesProps) => import("react").JSX.Element;
+    /**
+     * Define an element action.
+     */
+    ElementAction: ((props: import("./ElementAction").ElementActionProps) => import("react").JSX.Element) & {
+        original: (props: import("./ElementAction").ElementActionProps) => import("react").JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("./ElementAction").ElementActionProps) => import("react").JSX.Element) & {
+            original: (props: import("./ElementAction").ElementActionProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./ElementAction").ElementActionProps) => import("react").JSX.Element) & {
+            original: (props: import("./ElementAction").ElementActionProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => import("react").JSX.Element;
+    } & {
+        IconButton: ({ label, icon, disabled, onClick }: import("./IconButton").IconButtonProps) => import("react").JSX.Element;
+    };
+    /**
+     * Render all element actions.
+     */
+    ElementActions: (() => import("react").JSX.Element) & {
+        original: () => import("react").JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (() => import("react").JSX.Element) & {
+            original: () => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
+            original: () => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => import("react").JSX.Element;
+    };
+    /**
+     * Access full editor config. WARNING: very low-level, we don't recommend using this directly!
+     */
+    useEditorConfig: typeof useEditorConfig;
+};
+export declare const EditorWithConfig: (({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => import("react").JSX.Element) & {
+    displayName: string;
+};
+export declare function useEditorConfig(): {
+    elements: ElementConfig[];
+    inputRenderers: ElementInputConfig[];
+};

package/BaseEditor/config/EditorConfig.js

@@ -0,0 +1,63 @@
+import { createConfigurableComponent } from "@webiny/react-properties";
+import { Element } from "./Element";
+import { TopBar } from "./TopBar/TopBar";
+import { Layout } from "./Layout";
+import { Content } from "./Content/Content";
+import { Toolbar } from "./Toolbar/Toolbar";
+import { Sidebar } from "./Sidebar/Sidebar";
+import { Elements } from "./Elements";
+import { OnActiveElement } from "./OnActiveElement";
+import { NoActiveElement } from "./NoActiveElement";
+import { ElementProperties, ElementProperty } from "./ElementProperty";
+import { ElementAction, ElementActions } from "./ElementAction";
+import { ElementInput } from "./ElementInput";
+const base = createConfigurableComponent("DocumentEditorConfig");
+export const EditorConfig = Object.assign(base.Config, {
+  /**
+   * Components to configure editor UI.
+   */
+  Ui: {
+    Element,
+    Elements,
+    Layout,
+    Content,
+    TopBar,
+    Toolbar,
+    Sidebar,
+    OnActiveElement,
+    NoActiveElement
+  },
+  ElementInput,
+  /**
+   * Define a new element property.
+   */
+  ElementProperty,
+  /**
+   * Render element properties for the given group.
+   */
+  ElementProperties,
+  /**
+   * Define an element action.
+   */
+  ElementAction,
+  /**
+   * Render all element actions.
+   */
+  ElementActions,
+  /**
+   * Access full editor config. WARNING: very low-level, we don't recommend using this directly!
+   */
+  useEditorConfig
+});
+export const EditorWithConfig = Object.assign(base.WithConfig, {
+  displayName: "EditorWithConfig"
+});
+export function useEditorConfig() {
+  const config = base.useConfig();
+  return {
+    elements: config.elements || [],
+    inputRenderers: config.inputRenderers || []
+  };
+}
+
+//# sourceMappingURL=EditorConfig.js.map

package/BaseEditor/config/EditorConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createConfigurableComponent","Element","TopBar","Layout","Content","Toolbar","Sidebar","Elements","OnActiveElement","NoActiveElement","ElementProperties","ElementProperty","ElementAction","ElementActions","ElementInput","base","EditorConfig","Object","assign","Config","Ui","useEditorConfig","EditorWithConfig","WithConfig","displayName","config","useConfig","elements","inputRenderers"],"sources":["EditorConfig.tsx"],"sourcesContent":["import { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { Element, ElementConfig } from \"./Element\";\nimport { TopBar } from \"./TopBar/TopBar\";\nimport { Layout } from \"./Layout\";\nimport { Content } from \"./Content/Content\";\nimport { Toolbar } from \"./Toolbar/Toolbar\";\nimport { Sidebar } from \"./Sidebar/Sidebar\";\nimport { Elements } from \"./Elements\";\nimport { OnActiveElement } from \"./OnActiveElement\";\nimport { NoActiveElement } from \"./NoActiveElement\";\nimport { ElementProperties, ElementProperty } from \"./ElementProperty\";\nimport { ElementAction, ElementActions } from \"./ElementAction\";\nimport { ElementInput, ElementInputConfig } from \"./ElementInput\";\n\ninterface EditorConfig {\n    elements: ElementConfig[];\n    inputRenderers: ElementInputConfig[];\n}\n\nconst base = createConfigurableComponent<EditorConfig>(\"DocumentEditorConfig\");\n\nexport const EditorConfig = Object.assign(base.Config, {\n    /**\n     * Components to configure editor UI.\n     */\n    Ui: {\n        Element,\n        Elements,\n        Layout,\n        Content,\n        TopBar,\n        Toolbar,\n        Sidebar,\n        OnActiveElement,\n        NoActiveElement\n    },\n    ElementInput,\n    /**\n     * Define a new element property.\n     */\n    ElementProperty,\n    /**\n     * Render element properties for the given group.\n     */\n    ElementProperties,\n    /**\n     * Define an element action.\n     */\n    ElementAction,\n    /**\n     * Render all element actions.\n     */\n    ElementActions,\n    /**\n     * Access full editor config. WARNING: very low-level, we don't recommend using this directly!\n     */\n    useEditorConfig\n});\n\nexport const EditorWithConfig = Object.assign(base.WithConfig, { displayName: \"EditorWithConfig\" });\n\nexport function useEditorConfig() {\n    const config = base.useConfig();\n\n    return { elements: config.elements || [], inputRenderers: config.inputRenderers || [] };\n}\n"],"mappings":"AAAA,SAASA,2BAA2B,QAAQ,0BAA0B;AACtE,SAASC,OAAO;AAChB,SAASC,MAAM;AACf,SAASC,MAAM;AACf,SAASC,OAAO;AAChB,SAASC,OAAO;AAChB,SAASC,OAAO;AAChB,SAASC,QAAQ;AACjB,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,iBAAiB,EAAEC,eAAe;AAC3C,SAASC,aAAa,EAAEC,cAAc;AACtC,SAASC,YAAY;AAOrB,MAAMC,IAAI,GAAGf,2BAA2B,CAAe,sBAAsB,CAAC;AAE9E,OAAO,MAAMgB,YAAY,GAAGC,MAAM,CAACC,MAAM,CAACH,IAAI,CAACI,MAAM,EAAE;EACnD;AACJ;AACA;EACIC,EAAE,EAAE;IACAnB,OAAO;IACPM,QAAQ;IACRJ,MAAM;IACNC,OAAO;IACPF,MAAM;IACNG,OAAO;IACPC,OAAO;IACPE,eAAe;IACfC;EACJ,CAAC;EACDK,YAAY;EACZ;AACJ;AACA;EACIH,eAAe;EACf;AACJ;AACA;EACID,iBAAiB;EACjB;AACJ;AACA;EACIE,aAAa;EACb;AACJ;AACA;EACIC,cAAc;EACd;AACJ;AACA;EACIQ;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMC,gBAAgB,GAAGL,MAAM,CAACC,MAAM,CAACH,IAAI,CAACQ,UAAU,EAAE;EAAEC,WAAW,EAAE;AAAmB,CAAC,CAAC;AAEnG,OAAO,SAASH,eAAeA,CAAA,EAAG;EAC9B,MAAMI,MAAM,GAAGV,IAAI,CAACW,SAAS,CAAC,CAAC;EAE/B,OAAO;IAAEC,QAAQ,EAAEF,MAAM,CAACE,QAAQ,IAAI,EAAE;IAAEC,cAAc,EAAEH,MAAM,CAACG,cAAc,IAAI;EAAG,CAAC;AAC3F","ignoreList":[]}