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

package/BaseEditor/components/Editor.js

@@ -1,5 +1,5 @@
-import React, { useEffect, useState } from "react";
-import classSet from "classnames";
+import react, { useEffect, useState } from "react";
+import classnames from "classnames";
 import { allNodes } from "@webiny/lexical-nodes";
 import { useLexicalContext } from "@webiny/app-admin/presentation/lexicalContext/useLexicalContext.js";
 import DragPreview from "./DragPreview.js";
@@ -7,26 +7,23 @@ import { EditorConfig, EditorWithConfig } from "../config/index.js";
 import { useDocumentEditor } from "../../DocumentEditor/index.js";
 import { Commands } from "../index.js";
 import { ThemeProvider } from "./ThemeProvider.js";
-export const Editor = () => {
-  const {
-    lexicalContext
-  } = useLexicalContext();
-  const editor = useDocumentEditor();
-  const [theme, setTheme] = useState(undefined);
-  useEffect(() => {
-    editor.registerCommandHandler(Commands.SetTheme, ({
-      theme
-    }) => {
-      setTheme(theme);
-      lexicalContext.setTheme(theme);
-      lexicalContext.setNodes(allNodes);
-    });
-  }, []);
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: theme
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classSet("w-full")
-  }, /*#__PURE__*/React.createElement(EditorWithConfig, null, /*#__PURE__*/React.createElement(EditorConfig.Ui.Layout, null)), /*#__PURE__*/React.createElement(DragPreview, null)));
+const Editor = ()=>{
+    const { lexicalContext } = useLexicalContext();
+    const editor = useDocumentEditor();
+    const [theme, setTheme] = useState(void 0);
+    useEffect(()=>{
+        editor.registerCommandHandler(Commands.SetTheme, ({ theme })=>{
+            setTheme(theme);
+            lexicalContext.setTheme(theme);
+            lexicalContext.setNodes(allNodes);
+        });
+    }, []);
+    return /*#__PURE__*/ react.createElement(ThemeProvider, {
+        theme: theme
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: classnames("w-full")
+    }, /*#__PURE__*/ react.createElement(EditorWithConfig, null, /*#__PURE__*/ react.createElement(EditorConfig.Ui.Layout, null)), /*#__PURE__*/ react.createElement(DragPreview, null)));
 };
+export { Editor };
 
 //# sourceMappingURL=Editor.js.map

package/BaseEditor/components/Editor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","classSet","allNodes","useLexicalContext","DragPreview","EditorConfig","EditorWithConfig","useDocumentEditor","Commands","ThemeProvider","Editor","lexicalContext","editor","theme","setTheme","undefined","registerCommandHandler","SetTheme","setNodes","createElement","className","Ui","Layout"],"sources":["Editor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport classSet from \"classnames\";\nimport { allNodes } from \"@webiny/lexical-nodes\";\nimport type { WebsiteBuilderTheme } from \"@webiny/website-builder-sdk\";\nimport { useLexicalContext } from \"@webiny/app-admin/presentation/lexicalContext/useLexicalContext.js\";\nimport DragPreview from \"./DragPreview.js\";\nimport { EditorConfig, EditorWithConfig } from \"../config/index.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { ThemeProvider } from \"~/BaseEditor/components/ThemeProvider.js\";\n\nexport const Editor = () => {\n    const { lexicalContext } = useLexicalContext();\n    const editor = useDocumentEditor();\n    const [theme, setTheme] = useState<WebsiteBuilderTheme | undefined>(undefined);\n\n    useEffect(() => {\n        editor.registerCommandHandler(Commands.SetTheme, ({ theme }) => {\n            setTheme(theme);\n            lexicalContext.setTheme(theme);\n            lexicalContext.setNodes(allNodes);\n        });\n    }, []);\n\n    return (\n        <ThemeProvider theme={theme}>\n            <div className={classSet(\"w-full\")}>\n                <EditorWithConfig>\n                    <EditorConfig.Ui.Layout />\n                </EditorWithConfig>\n                <DragPreview />\n            </div>\n        </ThemeProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,iBAAiB,QAAQ,oEAAoE;AACtG,OAAOC,WAAW;AAClB,SAASC,YAAY,EAAEC,gBAAgB;AACvC,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,aAAa;AAEtB,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,MAAM;IAAEC;EAAe,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAC9C,MAAMS,MAAM,GAAGL,iBAAiB,CAAC,CAAC;EAClC,MAAM,CAACM,KAAK,EAAEC,QAAQ,CAAC,GAAGd,QAAQ,CAAkCe,SAAS,CAAC;EAE9EhB,SAAS,CAAC,MAAM;IACZa,MAAM,CAACI,sBAAsB,CAACR,QAAQ,CAACS,QAAQ,EAAE,CAAC;MAAEJ;IAAM,CAAC,KAAK;MAC5DC,QAAQ,CAACD,KAAK,CAAC;MACfF,cAAc,CAACG,QAAQ,CAACD,KAAK,CAAC;MAC9BF,cAAc,CAACO,QAAQ,CAAChB,QAAQ,CAAC;IACrC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIJ,KAAA,CAAAqB,aAAA,CAACV,aAAa;IAACI,KAAK,EAAEA;EAAM,gBACxBf,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEnB,QAAQ,CAAC,QAAQ;EAAE,gBAC/BH,KAAA,CAAAqB,aAAA,CAACb,gBAAgB,qBACbR,KAAA,CAAAqB,aAAA,CAACd,YAAY,CAACgB,EAAE,CAACC,MAAM,MAAE,CACX,CAAC,eACnBxB,KAAA,CAAAqB,aAAA,CAACf,WAAW,MAAE,CACb,CACM,CAAC;AAExB,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/components/Editor.js","sources":["../../../src/BaseEditor/components/Editor.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport classSet from \"classnames\";\nimport { allNodes } from \"@webiny/lexical-nodes\";\nimport type { WebsiteBuilderTheme } from \"@webiny/website-builder-sdk\";\nimport { useLexicalContext } from \"@webiny/app-admin/presentation/lexicalContext/useLexicalContext.js\";\nimport DragPreview from \"./DragPreview.js\";\nimport { EditorConfig, EditorWithConfig } from \"../config/index.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { ThemeProvider } from \"~/BaseEditor/components/ThemeProvider.js\";\n\nexport const Editor = () => {\n    const { lexicalContext } = useLexicalContext();\n    const editor = useDocumentEditor();\n    const [theme, setTheme] = useState<WebsiteBuilderTheme | undefined>(undefined);\n\n    useEffect(() => {\n        editor.registerCommandHandler(Commands.SetTheme, ({ theme }) => {\n            setTheme(theme);\n            lexicalContext.setTheme(theme);\n            lexicalContext.setNodes(allNodes);\n        });\n    }, []);\n\n    return (\n        <ThemeProvider theme={theme}>\n            <div className={classSet(\"w-full\")}>\n                <EditorWithConfig>\n                    <EditorConfig.Ui.Layout />\n                </EditorWithConfig>\n                <DragPreview />\n            </div>\n        </ThemeProvider>\n    );\n};\n"],"names":["Editor","lexicalContext","useLexicalContext","editor","useDocumentEditor","theme","setTheme","useState","undefined","useEffect","Commands","allNodes","ThemeProvider","classSet","EditorWithConfig","EditorConfig","DragPreview"],"mappings":";;;;;;;;;AAWO,MAAMA,SAAS;IAClB,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAC3B,MAAMC,SAASC;IACf,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAA0CC;IAEpEC,UAAU;QACNN,OAAO,sBAAsB,CAACO,SAAS,QAAQ,EAAE,CAAC,EAAEL,KAAK,EAAE;YACvDC,SAASD;YACTJ,eAAe,QAAQ,CAACI;YACxBJ,eAAe,QAAQ,CAACU;QAC5B;IACJ,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACC,eAAaA;QAAC,OAAOP;qBAClB,oBAAC;QAAI,WAAWQ,WAAS;qBACrB,oBAACC,kBAAgBA,MAAAA,WAAAA,GACb,oBAACC,aAAa,EAAE,CAAC,MAAM,wBAE3B,oBAACC,aAAWA;AAI5B"}

package/BaseEditor/components/ThemeProvider.js

@@ -1,6 +1,7 @@
 import { createGenericContext } from "@webiny/app";
 const ThemeContext = createGenericContext("WebsiteBuilderTheme");
-export const ThemeProvider = ThemeContext.Provider;
-export const useWebsiteBuilderTheme = ThemeContext.useHook;
+const ThemeProvider = ThemeContext.Provider;
+const useWebsiteBuilderTheme = ThemeContext.useHook;
+export { ThemeProvider, useWebsiteBuilderTheme };
 
 //# sourceMappingURL=ThemeProvider.js.map

package/BaseEditor/components/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["createGenericContext","ThemeContext","ThemeProvider","Provider","useWebsiteBuilderTheme","useHook"],"sources":["ThemeProvider.tsx"],"sourcesContent":["import { createGenericContext } from \"@webiny/app\";\nimport type { WebsiteBuilderTheme } from \"@webiny/website-builder-sdk\";\n\nconst ThemeContext = createGenericContext<{ theme: WebsiteBuilderTheme | undefined }>(\n    \"WebsiteBuilderTheme\"\n);\n\nexport const ThemeProvider = ThemeContext.Provider;\nexport const useWebsiteBuilderTheme = ThemeContext.useHook;\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,aAAa;AAGlD,MAAMC,YAAY,GAAGD,oBAAoB,CACrC,qBACJ,CAAC;AAED,OAAO,MAAME,aAAa,GAAGD,YAAY,CAACE,QAAQ;AAClD,OAAO,MAAMC,sBAAsB,GAAGH,YAAY,CAACI,OAAO","ignoreList":[]}
+{"version":3,"file":"BaseEditor/components/ThemeProvider.js","sources":["../../../src/BaseEditor/components/ThemeProvider.tsx"],"sourcesContent":["import { createGenericContext } from \"@webiny/app\";\nimport type { WebsiteBuilderTheme } from \"@webiny/website-builder-sdk\";\n\nconst ThemeContext = createGenericContext<{ theme: WebsiteBuilderTheme | undefined }>(\n    \"WebsiteBuilderTheme\"\n);\n\nexport const ThemeProvider = ThemeContext.Provider;\nexport const useWebsiteBuilderTheme = ThemeContext.useHook;\n"],"names":["ThemeContext","createGenericContext","ThemeProvider","useWebsiteBuilderTheme"],"mappings":";AAGA,MAAMA,eAAeC,qBACjB;AAGG,MAAMC,gBAAgBF,aAAa,QAAQ;AAC3C,MAAMG,yBAAyBH,aAAa,OAAO"}

package/BaseEditor/components/index.js

@@ -1,4 +1,2 @@
 export * from "./Editor.js";
 export { useWebsiteBuilderTheme } from "./ThemeProvider.js";
-
-//# sourceMappingURL=index.js.map

package/BaseEditor/config/Content/Content.js

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

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

@@ -1 +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.js\";\nimport { Elements as BaseElements } from \"../Elements.js\";\nimport type { ElementProps as BaseElementProps } from \"../Element.js\";\nimport { Element as BaseElement } from \"../Element.js\";\nimport { createGetId } from \"../createGetId.js\";\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;AAEjC,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":[]}
+{"version":3,"file":"BaseEditor/config/Content/Content.js","sources":["../../../../src/BaseEditor/config/Content/Content.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Layout } from \"./Layout.js\";\nimport { Elements as BaseElements } from \"../Elements.js\";\nimport type { ElementProps as BaseElementProps } from \"../Element.js\";\nimport { Element as BaseElement } from \"../Element.js\";\nimport { createGetId } from \"../createGetId.js\";\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"],"names":["SCOPE","BaseContent","makeDecoratable","Layout","Elements","getElementId","createGetId","Element","props","BaseElement","undefined","BaseElements","Content","Object"],"mappings":";;;;;;AAQA,MAAMA,QAAQ;AAEd,MAAMC,cAAcC,gBAAgB,iBAAiB,IAC1C,WAAP,GACI,oBAACC,QAAMA,MAAAA,WAAAA,GACH,oBAACC,kBAAQA;AAOrB,MAAMC,eAAeC,YAAYN;AAEjC,MAAMO,kBAAUL,gBAAgB,kBAAkB,CAACM,QACxC,WAAP,GACI,oBAACC,SAAWA;QACP,GAAGD,KAAK;QACT,OAAOR;QACP,IAAIK,aAAaG,MAAM,IAAI;QAC3B,QAAQA,MAAM,MAAM,GAAGH,aAAaG,MAAM,MAAM,IAAIE;QACpD,OAAOF,MAAM,KAAK,GAAGH,aAAaG,MAAM,KAAK,IAAIE;;AAK7D,MAAMN,mBAAWF,gBAAgB,mBAAmB,IACzC,WAAP,GAAO,oBAACS,UAAYA;QAAC,OAAOX;;AAGzB,MAAMY,UAAUC,OAAO,MAAM,CAACZ,aAAa;IAAEE,QAAMA;IAAEI,SAAAA;IAASH,UAAAA;AAAS"}

package/BaseEditor/config/Content/Layout.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["Layout","children"],"sources":["Layout.tsx"],"sourcesContent":["import type 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":[]}
+{"version":3,"file":"BaseEditor/config/Content/Layout.js","sources":["../../../../src/BaseEditor/config/Content/Layout.tsx"],"sourcesContent":["import type React from \"react\";\n\nexport interface LayoutProps {\n    children: React.ReactNode;\n}\n\nexport const Layout = ({ children }: LayoutProps) => {\n    return children;\n};\n"],"names":["Layout","children"],"mappings":"AAMO,MAAMA,SAAS,CAAC,EAAEC,QAAQ,EAAe,GACrCA"}

package/BaseEditor/config/EditorConfig.js

@@ -15,64 +15,40 @@ import { IsNotReadOnly } from "./IsNotReadOnly.js";
 import { IsReadOnly } from "./IsReadOnly.js";
 import { ElementOverlay } from "./ElementOverlay.js";
 const base = createConfigurableComponent("DocumentEditor");
-export const EditorConfigComponents = {
-  /**
-   * Components to configure editor UI.
-   */
-  Ui: {
-    Element,
-    Elements,
-    Layout,
-    Content,
-    TopBar,
-    Toolbar,
-    Sidebar,
-    IsReadOnly,
-    IsNotReadOnly,
-    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,
-  /**
-   * Customize ElementOverlay
-   */
-  ElementOverlay,
-  /**
-   * Access full editor config. WARNING: very low-level, we don't recommend using this directly!
-   */
-  useEditorConfig
+const EditorConfigComponents = {
+    Ui: {
+        Element: Element,
+        Elements: Elements,
+        Layout: Layout,
+        Content: Content,
+        TopBar: TopBar,
+        Toolbar: Toolbar,
+        Sidebar: Sidebar,
+        IsReadOnly: IsReadOnly,
+        IsNotReadOnly: IsNotReadOnly,
+        OnActiveElement: OnActiveElement,
+        NoActiveElement: NoActiveElement
+    },
+    ElementInput: ElementInput,
+    ElementProperty: ElementProperty,
+    ElementProperties: ElementProperties,
+    ElementAction: ElementAction,
+    ElementActions: ElementActions,
+    ElementOverlay: ElementOverlay,
+    useEditorConfig: useEditorConfig
 };
-export const EditorConfig = Object.assign(base.Config, EditorConfigComponents);
-export const EditorWithConfig = Object.assign(base.WithConfig, {
-  displayName: "EditorWithConfig"
+const EditorConfig = Object.assign(base.Config, EditorConfigComponents);
+const EditorWithConfig = Object.assign(base.WithConfig, {
+    displayName: "EditorWithConfig"
 });
-export function useEditorConfig() {
-  const {
-    elements,
-    inputRenderers,
-    ...rest
-  } = base.useConfig();
-  return {
-    elements: elements || [],
-    inputRenderers: inputRenderers || [],
-    ...rest
-  };
+function useEditorConfig() {
+    const { elements, inputRenderers, ...rest } = base.useConfig();
+    return {
+        elements: elements || [],
+        inputRenderers: inputRenderers || [],
+        ...rest
+    };
 }
+export { EditorConfig, EditorConfigComponents, EditorWithConfig, useEditorConfig };
 
 //# sourceMappingURL=EditorConfig.js.map

package/BaseEditor/config/EditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["createConfigurableComponent","Element","TopBar","Layout","Content","Toolbar","Sidebar","Elements","OnActiveElement","NoActiveElement","ElementProperties","ElementProperty","ElementAction","ElementActions","ElementInput","IsNotReadOnly","IsReadOnly","ElementOverlay","base","EditorConfigComponents","Ui","useEditorConfig","EditorConfig","Object","assign","Config","EditorWithConfig","WithConfig","displayName","elements","inputRenderers","rest","useConfig"],"sources":["EditorConfig.tsx"],"sourcesContent":["import { createConfigurableComponent } from \"@webiny/react-properties\";\nimport type { ElementConfig } from \"./Element.js\";\nimport { Element } from \"./Element.js\";\nimport { TopBar } from \"./TopBar/TopBar.js\";\nimport { Layout } from \"./Layout.js\";\nimport { Content } from \"./Content/Content.js\";\nimport { Toolbar } from \"./Toolbar/Toolbar.js\";\nimport { Sidebar } from \"./Sidebar/Sidebar.js\";\nimport { Elements } from \"./Elements.js\";\nimport { OnActiveElement } from \"./OnActiveElement.js\";\nimport { NoActiveElement } from \"./NoActiveElement.js\";\nimport { ElementProperties, ElementProperty } from \"./ElementProperty.js\";\nimport { ElementAction, ElementActions } from \"./ElementAction.js\";\nimport type { ElementInputConfig } from \"./ElementInput.js\";\nimport { ElementInput } from \"./ElementInput.js\";\nimport { IsNotReadOnly } from \"~/BaseEditor/config/IsNotReadOnly.js\";\nimport { IsReadOnly } from \"~/BaseEditor/config/IsReadOnly.js\";\nimport { ElementOverlay } from \"./ElementOverlay.js\";\n\nexport interface EditorConfig {\n    elements: ElementConfig[];\n    inputRenderers: ElementInputConfig[];\n}\n\nconst base = createConfigurableComponent<EditorConfig>(\"DocumentEditor\");\n\nexport const EditorConfigComponents = {\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        IsReadOnly,\n        IsNotReadOnly,\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     * Customize ElementOverlay\n     */\n    ElementOverlay,\n    /**\n     * Access full editor config. WARNING: very low-level, we don't recommend using this directly!\n     */\n    useEditorConfig\n};\n\nexport const EditorConfig = Object.assign(base.Config, EditorConfigComponents);\n\nexport const EditorWithConfig = Object.assign(base.WithConfig, { displayName: \"EditorWithConfig\" });\n\nexport function useEditorConfig<TConfig = EditorConfig>() {\n    const { elements, inputRenderers, ...rest } = base.useConfig<TConfig & EditorConfig>();\n\n    return {\n        elements: elements || [],\n        inputRenderers: inputRenderers || [],\n        ...rest\n    };\n}\n"],"mappings":"AAAA,SAASA,2BAA2B,QAAQ,0BAA0B;AAEtE,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;AAEtC,SAASC,YAAY;AACrB,SAASC,aAAa;AACtB,SAASC,UAAU;AACnB,SAASC,cAAc;AAOvB,MAAMC,IAAI,GAAGlB,2BAA2B,CAAe,gBAAgB,CAAC;AAExE,OAAO,MAAMmB,sBAAsB,GAAG;EAClC;AACJ;AACA;EACIC,EAAE,EAAE;IACAnB,OAAO;IACPM,QAAQ;IACRJ,MAAM;IACNC,OAAO;IACPF,MAAM;IACNG,OAAO;IACPC,OAAO;IACPU,UAAU;IACVD,aAAa;IACbP,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;EACII,cAAc;EACd;AACJ;AACA;EACII;AACJ,CAAC;AAED,OAAO,MAAMC,YAAY,GAAGC,MAAM,CAACC,MAAM,CAACN,IAAI,CAACO,MAAM,EAAEN,sBAAsB,CAAC;AAE9E,OAAO,MAAMO,gBAAgB,GAAGH,MAAM,CAACC,MAAM,CAACN,IAAI,CAACS,UAAU,EAAE;EAAEC,WAAW,EAAE;AAAmB,CAAC,CAAC;AAEnG,OAAO,SAASP,eAAeA,CAAA,EAA2B;EACtD,MAAM;IAAEQ,QAAQ;IAAEC,cAAc;IAAE,GAAGC;EAAK,CAAC,GAAGb,IAAI,CAACc,SAAS,CAAyB,CAAC;EAEtF,OAAO;IACHH,QAAQ,EAAEA,QAAQ,IAAI,EAAE;IACxBC,cAAc,EAAEA,cAAc,IAAI,EAAE;IACpC,GAAGC;EACP,CAAC;AACL","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/EditorConfig.js","sources":["../../../src/BaseEditor/config/EditorConfig.tsx"],"sourcesContent":["import { createConfigurableComponent } from \"@webiny/react-properties\";\nimport type { ElementConfig } from \"./Element.js\";\nimport { Element } from \"./Element.js\";\nimport { TopBar } from \"./TopBar/TopBar.js\";\nimport { Layout } from \"./Layout.js\";\nimport { Content } from \"./Content/Content.js\";\nimport { Toolbar } from \"./Toolbar/Toolbar.js\";\nimport { Sidebar } from \"./Sidebar/Sidebar.js\";\nimport { Elements } from \"./Elements.js\";\nimport { OnActiveElement } from \"./OnActiveElement.js\";\nimport { NoActiveElement } from \"./NoActiveElement.js\";\nimport { ElementProperties, ElementProperty } from \"./ElementProperty.js\";\nimport { ElementAction, ElementActions } from \"./ElementAction.js\";\nimport type { ElementInputConfig } from \"./ElementInput.js\";\nimport { ElementInput } from \"./ElementInput.js\";\nimport { IsNotReadOnly } from \"~/BaseEditor/config/IsNotReadOnly.js\";\nimport { IsReadOnly } from \"~/BaseEditor/config/IsReadOnly.js\";\nimport { ElementOverlay } from \"./ElementOverlay.js\";\n\nexport interface EditorConfig {\n    elements: ElementConfig[];\n    inputRenderers: ElementInputConfig[];\n}\n\nconst base = createConfigurableComponent<EditorConfig>(\"DocumentEditor\");\n\nexport const EditorConfigComponents = {\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        IsReadOnly,\n        IsNotReadOnly,\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     * Customize ElementOverlay\n     */\n    ElementOverlay,\n    /**\n     * Access full editor config. WARNING: very low-level, we don't recommend using this directly!\n     */\n    useEditorConfig\n};\n\nexport const EditorConfig = Object.assign(base.Config, EditorConfigComponents);\n\nexport const EditorWithConfig = Object.assign(base.WithConfig, { displayName: \"EditorWithConfig\" });\n\nexport function useEditorConfig<TConfig = EditorConfig>() {\n    const { elements, inputRenderers, ...rest } = base.useConfig<TConfig & EditorConfig>();\n\n    return {\n        elements: elements || [],\n        inputRenderers: inputRenderers || [],\n        ...rest\n    };\n}\n"],"names":["base","createConfigurableComponent","EditorConfigComponents","Element","Elements","Layout","Content","TopBar","Toolbar","Sidebar","IsReadOnly","IsNotReadOnly","OnActiveElement","NoActiveElement","ElementInput","ElementProperty","ElementProperties","ElementAction","ElementActions","ElementOverlay","useEditorConfig","EditorConfig","Object","EditorWithConfig","elements","inputRenderers","rest"],"mappings":";;;;;;;;;;;;;;;;AAwBA,MAAMA,OAAOC,4BAA0C;AAEhD,MAAMC,yBAAyB;IAIlC,IAAI;QACAC,SAAOA;QACPC,UAAQA;QACRC,QAAMA;QACNC,SAAOA;QACPC,QAAMA;QACNC,SAAOA;QACPC,SAAOA;QACPC,YAAUA;QACVC,eAAaA;QACbC,iBAAeA;QACfC,iBAAeA;IACnB;IACAC,cAAYA;IAIZC,iBAAeA;IAIfC,mBAAiBA;IAIjBC,eAAaA;IAIbC,gBAAcA;IAIdC,gBAAcA;IAIdC,iBAAAA;AACJ;AAEO,MAAMC,eAAeC,OAAO,MAAM,CAACtB,KAAK,MAAM,EAAEE;AAEhD,MAAMqB,mBAAmBD,OAAO,MAAM,CAACtB,KAAK,UAAU,EAAE;IAAE,aAAa;AAAmB;AAE1F,SAASoB;IACZ,MAAM,EAAEI,QAAQ,EAAEC,cAAc,EAAE,GAAGC,MAAM,GAAG1B,KAAK,SAAS;IAE5D,OAAO;QACH,UAAUwB,YAAY,EAAE;QACxB,gBAAgBC,kBAAkB,EAAE;QACpC,GAAGC,IAAI;IACX;AACJ"}

package/BaseEditor/config/Element.js

@@ -1,44 +1,36 @@
-import React from "react";
+import react from "react";
 import { makeDecoratable } from "@webiny/app-admin";
 import { Property, useIdGenerator } from "@webiny/react-properties";
-export const Element = makeDecoratable("EditorElement", ({
-  id,
-  name,
-  element,
-  group,
-  scope,
-  remove,
-  before,
-  after
-}) => {
-  const getId = useIdGenerator("element");
-  const realId = id ?? name;
-  const placeAfter = after !== undefined ? getId(after) : undefined;
-  const placeBefore = before !== undefined ? getId(before) : undefined;
-  return /*#__PURE__*/React.createElement(Property, {
-    id: getId(realId),
-    name: "elements",
-    remove: remove,
-    array: true,
-    before: placeBefore,
-    after: placeAfter
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId(realId, "name"),
-    name: "name",
-    value: name
-  }), element ? /*#__PURE__*/React.createElement(Property, {
-    id: getId(realId, "element"),
-    name: "element",
-    value: element
-  }) : null, group ? /*#__PURE__*/React.createElement(Property, {
-    id: getId(realId, "group"),
-    name: "group",
-    value: group
-  }) : null, scope ? /*#__PURE__*/React.createElement(Property, {
-    id: getId(realId, "scope"),
-    name: "scope",
-    value: scope
-  }) : null);
+const Element = makeDecoratable("EditorElement", ({ id, name, element, group, scope, remove, before, after })=>{
+    const getId = useIdGenerator("element");
+    const realId = id ?? name;
+    const placeAfter = void 0 !== after ? getId(after) : void 0;
+    const placeBefore = void 0 !== before ? getId(before) : void 0;
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: getId(realId),
+        name: "elements",
+        remove: remove,
+        array: true,
+        before: placeBefore,
+        after: placeAfter
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(realId, "name"),
+        name: "name",
+        value: name
+    }), element ? /*#__PURE__*/ react.createElement(Property, {
+        id: getId(realId, "element"),
+        name: "element",
+        value: element
+    }) : null, group ? /*#__PURE__*/ react.createElement(Property, {
+        id: getId(realId, "group"),
+        name: "group",
+        value: group
+    }) : null, scope ? /*#__PURE__*/ react.createElement(Property, {
+        id: getId(realId, "scope"),
+        name: "scope",
+        value: scope
+    }) : null);
 });
+export { Element };
 
 //# sourceMappingURL=Element.js.map

package/BaseEditor/config/Element.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Property","useIdGenerator","Element","id","name","element","group","scope","remove","before","after","getId","realId","placeAfter","undefined","placeBefore","createElement","array","value"],"sources":["Element.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface ElementConfig {\n    name: string;\n    group: string;\n    scope: string;\n    element: React.JSX.Element;\n}\n\nexport interface ElementProps {\n    name: string;\n    id?: string;\n    element?: React.JSX.Element | null;\n    /**\n     * `group` is a public prop that can be used by external developers to logically group elements.\n     * For example: \"actions\", \"buttons\", etc.\n     */\n    group?: string;\n    /**\n     * `scope` is used for internal grouping of elements. It is only used to create higher level components used by the 3rd party.\n     * For example: \"sidebar\", \"topBar\", \"toolbar\".\n     * This creates a scope within which we can then filter elements by their `group` prop.\n     */\n    scope?: string;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nexport const Element = makeDecoratable(\n    \"EditorElement\",\n    ({ id, name, element, group, scope, remove, before, after }: ElementProps) => {\n        const getId = useIdGenerator(\"element\");\n        const realId = id ?? name;\n\n        const placeAfter = after !== undefined ? getId(after) : undefined;\n        const placeBefore = before !== undefined ? getId(before) : undefined;\n\n        return (\n            <Property\n                id={getId(realId)}\n                name={\"elements\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(realId, \"name\")} name={\"name\"} value={name} />\n                {element ? (\n                    <Property id={getId(realId, \"element\")} name={\"element\"} value={element} />\n                ) : null}\n                {group ? (\n                    <Property id={getId(realId, \"group\")} name={\"group\"} value={group} />\n                ) : null}\n                {scope ? (\n                    <Property id={getId(realId, \"scope\")} name={\"scope\"} value={scope} />\n                ) : null}\n            </Property>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AA6BnE,OAAO,MAAMC,OAAO,GAAGH,eAAe,CAClC,eAAe,EACf,CAAC;EAAEI,EAAE;EAAEC,IAAI;EAAEC,OAAO;EAAEC,KAAK;EAAEC,KAAK;EAAEC,MAAM;EAAEC,MAAM;EAAEC;AAAoB,CAAC,KAAK;EAC1E,MAAMC,KAAK,GAAGV,cAAc,CAAC,SAAS,CAAC;EACvC,MAAMW,MAAM,GAAGT,EAAE,IAAIC,IAAI;EAEzB,MAAMS,UAAU,GAAGH,KAAK,KAAKI,SAAS,GAAGH,KAAK,CAACD,KAAK,CAAC,GAAGI,SAAS;EACjE,MAAMC,WAAW,GAAGN,MAAM,KAAKK,SAAS,GAAGH,KAAK,CAACF,MAAM,CAAC,GAAGK,SAAS;EAEpE,oBACIhB,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IACLG,EAAE,EAAEQ,KAAK,CAACC,MAAM,CAAE;IAClBR,IAAI,EAAE,UAAW;IACjBI,MAAM,EAAEA,MAAO;IACfS,KAAK,EAAE,IAAK;IACZR,MAAM,EAAEM,WAAY;IACpBL,KAAK,EAAEG;EAAW,gBAElBf,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACG,EAAE,EAAEQ,KAAK,CAACC,MAAM,EAAE,MAAM,CAAE;IAACR,IAAI,EAAE,MAAO;IAACc,KAAK,EAAEd;EAAK,CAAE,CAAC,EACjEC,OAAO,gBACJP,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACG,EAAE,EAAEQ,KAAK,CAACC,MAAM,EAAE,SAAS,CAAE;IAACR,IAAI,EAAE,SAAU;IAACc,KAAK,EAAEb;EAAQ,CAAE,CAAC,GAC3E,IAAI,EACPC,KAAK,gBACFR,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACG,EAAE,EAAEQ,KAAK,CAACC,MAAM,EAAE,OAAO,CAAE;IAACR,IAAI,EAAE,OAAQ;IAACc,KAAK,EAAEZ;EAAM,CAAE,CAAC,GACrE,IAAI,EACPC,KAAK,gBACFT,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACG,EAAE,EAAEQ,KAAK,CAACC,MAAM,EAAE,OAAO,CAAE;IAACR,IAAI,EAAE,OAAQ;IAACc,KAAK,EAAEX;EAAM,CAAE,CAAC,GACrE,IACE,CAAC;AAEnB,CACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/Element.js","sources":["../../../src/BaseEditor/config/Element.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface ElementConfig {\n    name: string;\n    group: string;\n    scope: string;\n    element: React.JSX.Element;\n}\n\nexport interface ElementProps {\n    name: string;\n    id?: string;\n    element?: React.JSX.Element | null;\n    /**\n     * `group` is a public prop that can be used by external developers to logically group elements.\n     * For example: \"actions\", \"buttons\", etc.\n     */\n    group?: string;\n    /**\n     * `scope` is used for internal grouping of elements. It is only used to create higher level components used by the 3rd party.\n     * For example: \"sidebar\", \"topBar\", \"toolbar\".\n     * This creates a scope within which we can then filter elements by their `group` prop.\n     */\n    scope?: string;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nexport const Element = makeDecoratable(\n    \"EditorElement\",\n    ({ id, name, element, group, scope, remove, before, after }: ElementProps) => {\n        const getId = useIdGenerator(\"element\");\n        const realId = id ?? name;\n\n        const placeAfter = after !== undefined ? getId(after) : undefined;\n        const placeBefore = before !== undefined ? getId(before) : undefined;\n\n        return (\n            <Property\n                id={getId(realId)}\n                name={\"elements\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(realId, \"name\")} name={\"name\"} value={name} />\n                {element ? (\n                    <Property id={getId(realId, \"element\")} name={\"element\"} value={element} />\n                ) : null}\n                {group ? (\n                    <Property id={getId(realId, \"group\")} name={\"group\"} value={group} />\n                ) : null}\n                {scope ? (\n                    <Property id={getId(realId, \"scope\")} name={\"scope\"} value={scope} />\n                ) : null}\n            </Property>\n        );\n    }\n);\n"],"names":["Element","makeDecoratable","id","name","element","group","scope","remove","before","after","getId","useIdGenerator","realId","placeAfter","undefined","placeBefore","Property"],"mappings":";;;AA+BO,MAAMA,UAAUC,gBACnB,iBACA,CAAC,EAAEC,EAAE,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAEC,KAAK,EAAEC,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAgB;IACrE,MAAMC,QAAQC,eAAe;IAC7B,MAAMC,SAASV,MAAMC;IAErB,MAAMU,aAAaJ,AAAUK,WAAVL,QAAsBC,MAAMD,SAASK;IACxD,MAAMC,cAAcP,AAAWM,WAAXN,SAAuBE,MAAMF,UAAUM;IAE3D,OAAO,WAAP,GACI,oBAACE,UAAQA;QACL,IAAIN,MAAME;QACV,MAAM;QACN,QAAQL;QACR,OAAO;QACP,QAAQQ;QACR,OAAOF;qBAEP,oBAACG,UAAQA;QAAC,IAAIN,MAAME,QAAQ;QAAS,MAAM;QAAQ,OAAOT;QACzDC,UAAU,WAAVA,GACG,oBAACY,UAAQA;QAAC,IAAIN,MAAME,QAAQ;QAAY,MAAM;QAAW,OAAOR;SAChE,MACHC,QAAQ,WAARA,GACG,oBAACW,UAAQA;QAAC,IAAIN,MAAME,QAAQ;QAAU,MAAM;QAAS,OAAOP;SAC5D,MACHC,QAAQ,WAARA,GACG,oBAACU,UAAQA;QAAC,IAAIN,MAAME,QAAQ;QAAU,MAAM;QAAS,OAAON;SAC5D;AAGhB"}

package/BaseEditor/config/ElementAction.js

@@ -1,26 +1,25 @@
-import React from "react";
+import react from "react";
 import { makeDecoratable } from "@webiny/react-composition";
 import { Element } from "./Element.js";
 import { Elements } from "./Elements.js";
 import { IconButton } from "./IconButton.js";
-const getElementId = value => {
-  return ["elementAction", value].join(":");
-};
-const BaseElementAction = makeDecoratable("ElementAction", props => {
-  return /*#__PURE__*/React.createElement(Element, Object.assign({}, props, {
-    scope: "elementActions",
-    id: getElementId(props.name),
-    before: props.before ? getElementId(props.before) : undefined,
-    after: props.after ? getElementId(props.after) : undefined
-  }));
-});
-export const ElementActions = makeDecoratable("ElementActions", () => {
-  return /*#__PURE__*/React.createElement(Elements, {
-    scope: "elementActions"
-  });
-});
-export const ElementAction = Object.assign(BaseElementAction, {
-  IconButton
+const getElementId = (value)=>[
+        "elementAction",
+        value
+    ].join(":");
+const BaseElementAction = makeDecoratable("ElementAction", (props)=>/*#__PURE__*/ react.createElement(Element, {
+        ...props,
+        scope: "elementActions",
+        id: getElementId(props.name),
+        before: props.before ? getElementId(props.before) : void 0,
+        after: props.after ? getElementId(props.after) : void 0
+    }));
+const ElementActions = makeDecoratable("ElementActions", ()=>/*#__PURE__*/ react.createElement(Elements, {
+        scope: "elementActions"
+    }));
+const ElementAction = Object.assign(BaseElementAction, {
+    IconButton: IconButton
 });
+export { ElementAction, ElementActions };
 
 //# sourceMappingURL=ElementAction.js.map

package/BaseEditor/config/ElementAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Element","Elements","IconButton","getElementId","value","join","BaseElementAction","props","createElement","Object","assign","scope","id","name","before","undefined","after","ElementActions","ElementAction"],"sources":["ElementAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport type { ElementProps } from \"./Element.js\";\nimport { Element } from \"./Element.js\";\nimport { Elements } from \"./Elements.js\";\nimport { IconButton } from \"./IconButton.js\";\n\nconst getElementId = (value: string) => {\n    return [\"elementAction\", value].join(\":\");\n};\n\nexport type ElementActionProps = Omit<ElementProps, \"scope\" | \"group\" | \"id\">;\n\nconst BaseElementAction = makeDecoratable(\"ElementAction\", (props: ElementActionProps) => {\n    return (\n        <Element\n            {...props}\n            scope={\"elementActions\"}\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\nexport const ElementActions = makeDecoratable(\"ElementActions\", () => {\n    return <Elements scope={\"elementActions\"} />;\n});\n\nexport const ElementAction = Object.assign(BaseElementAction, { IconButton });\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAE3D,SAASC,OAAO;AAChB,SAASC,QAAQ;AACjB,SAASC,UAAU;AAEnB,MAAMC,YAAY,GAAIC,KAAa,IAAK;EACpC,OAAO,CAAC,eAAe,EAAEA,KAAK,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;AAC7C,CAAC;AAID,MAAMC,iBAAiB,GAAGP,eAAe,CAAC,eAAe,EAAGQ,KAAyB,IAAK;EACtF,oBACIT,KAAA,CAAAU,aAAA,CAACR,OAAO,EAAAS,MAAA,CAAAC,MAAA,KACAH,KAAK;IACTI,KAAK,EAAE,gBAAiB;IACxBC,EAAE,EAAET,YAAY,CAACI,KAAK,CAACM,IAAI,CAAE;IAC7BC,MAAM,EAAEP,KAAK,CAACO,MAAM,GAAGX,YAAY,CAACI,KAAK,CAACO,MAAM,CAAC,GAAGC,SAAU;IAC9DC,KAAK,EAAET,KAAK,CAACS,KAAK,GAAGb,YAAY,CAACI,KAAK,CAACS,KAAK,CAAC,GAAGD;EAAU,EAC9D,CAAC;AAEV,CAAC,CAAC;AAEF,OAAO,MAAME,cAAc,GAAGlB,eAAe,CAAC,gBAAgB,EAAE,MAAM;EAClE,oBAAOD,KAAA,CAAAU,aAAA,CAACP,QAAQ;IAACU,KAAK,EAAE;EAAiB,CAAE,CAAC;AAChD,CAAC,CAAC;AAEF,OAAO,MAAMO,aAAa,GAAGT,MAAM,CAACC,MAAM,CAACJ,iBAAiB,EAAE;EAAEJ;AAAW,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/ElementAction.js","sources":["../../../src/BaseEditor/config/ElementAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport type { ElementProps } from \"./Element.js\";\nimport { Element } from \"./Element.js\";\nimport { Elements } from \"./Elements.js\";\nimport { IconButton } from \"./IconButton.js\";\n\nconst getElementId = (value: string) => {\n    return [\"elementAction\", value].join(\":\");\n};\n\nexport type ElementActionProps = Omit<ElementProps, \"scope\" | \"group\" | \"id\">;\n\nconst BaseElementAction = makeDecoratable(\"ElementAction\", (props: ElementActionProps) => {\n    return (\n        <Element\n            {...props}\n            scope={\"elementActions\"}\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\nexport const ElementActions = makeDecoratable(\"ElementActions\", () => {\n    return <Elements scope={\"elementActions\"} />;\n});\n\nexport const ElementAction = Object.assign(BaseElementAction, { IconButton });\n"],"names":["getElementId","value","BaseElementAction","makeDecoratable","props","Element","undefined","ElementActions","Elements","ElementAction","Object","IconButton"],"mappings":";;;;;AAOA,MAAMA,eAAe,CAACC,QACX;QAAC;QAAiBA;KAAM,CAAC,IAAI,CAAC;AAKzC,MAAMC,oBAAoBC,gBAAgB,iBAAiB,CAACC,QACjD,WAAP,GACI,oBAACC,SAAOA;QACH,GAAGD,KAAK;QACT,OAAO;QACP,IAAIJ,aAAaI,MAAM,IAAI;QAC3B,QAAQA,MAAM,MAAM,GAAGJ,aAAaI,MAAM,MAAM,IAAIE;QACpD,OAAOF,MAAM,KAAK,GAAGJ,aAAaI,MAAM,KAAK,IAAIE;;AAKtD,MAAMC,iBAAiBJ,gBAAgB,kBAAkB,IACrD,WAAP,GAAO,oBAACK,UAAQA;QAAC,OAAO;;AAGrB,MAAMC,gBAAgBC,OAAO,MAAM,CAACR,mBAAmB;IAAES,YAAUA;AAAC"}

package/BaseEditor/config/ElementInput.js

@@ -1,27 +1,25 @@
-import React from "react";
+import react from "react";
 import { Property, useIdGenerator } from "@webiny/react-properties";
-const Renderer = props => {
-  const getId = useIdGenerator("inputRenderer");
-  const {
-    name,
-    component
-  } = props;
-  return /*#__PURE__*/React.createElement(Property, {
-    id: getId(name),
-    name: "inputRenderers",
-    array: true
-  }, /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "name"),
-    name: "name",
-    value: name
-  }), /*#__PURE__*/React.createElement(Property, {
-    id: getId(name, "component"),
-    name: "component",
-    value: component
-  }));
+const Renderer = (props)=>{
+    const getId = useIdGenerator("inputRenderer");
+    const { name, component } = props;
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "inputRenderers",
+        array: true
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "component"),
+        name: "component",
+        value: component
+    }));
 };
-export const ElementInput = {
-  Renderer
+const ElementInput = {
+    Renderer: Renderer
 };
+export { ElementInput };
 
 //# sourceMappingURL=ElementInput.js.map

package/BaseEditor/config/ElementInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Property","useIdGenerator","Renderer","props","getId","name","component","createElement","id","array","value","ElementInput"],"sources":["ElementInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { ComponentInput } from \"@webiny/website-builder-sdk\";\nimport type { InputBindingOnChange } from \"../defaultConfig/Sidebar/ElementSettings/useInputValue.js\";\nimport type { IMetadata } from \"~/BaseEditor/metadata/index.js\";\n\nexport interface ElementInputRendererProps {\n    label: React.ReactNode;\n    metadata: IMetadata;\n    value: any;\n    onChange: InputBindingOnChange;\n    onPreviewChange: InputBindingOnChange;\n    input: ComponentInput;\n}\n\nexport interface RendererProps {\n    name: string;\n    component: React.ComponentType<any>;\n}\n\nconst Renderer = (props: RendererProps) => {\n    const getId = useIdGenerator(\"inputRenderer\");\n    const { name, component } = props;\n\n    return (\n        <Property id={getId(name)} name={\"inputRenderers\"} array={true}>\n            <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n            <Property id={getId(name, \"component\")} name={\"component\"} value={component} />\n        </Property>\n    );\n};\n\nexport interface ElementInputConfig {\n    name: string;\n    component: React.ComponentType<ElementInputRendererProps>;\n}\n\nexport const ElementInput = {\n    Renderer\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAmBnE,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EACvC,MAAMC,KAAK,GAAGH,cAAc,CAAC,eAAe,CAAC;EAC7C,MAAM;IAAEI,IAAI;IAAEC;EAAU,CAAC,GAAGH,KAAK;EAEjC,oBACIJ,KAAA,CAAAQ,aAAA,CAACP,QAAQ;IAACQ,EAAE,EAAEJ,KAAK,CAACC,IAAI,CAAE;IAACA,IAAI,EAAE,gBAAiB;IAACI,KAAK,EAAE;EAAK,gBAC3DV,KAAA,CAAAQ,aAAA,CAACP,QAAQ;IAACQ,EAAE,EAAEJ,KAAK,CAACC,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACK,KAAK,EAAEL;EAAK,CAAE,CAAC,eAChEN,KAAA,CAAAQ,aAAA,CAACP,QAAQ;IAACQ,EAAE,EAAEJ,KAAK,CAACC,IAAI,EAAE,WAAW,CAAE;IAACA,IAAI,EAAE,WAAY;IAACK,KAAK,EAAEJ;EAAU,CAAE,CACxE,CAAC;AAEnB,CAAC;AAOD,OAAO,MAAMK,YAAY,GAAG;EACxBT;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/ElementInput.js","sources":["../../../src/BaseEditor/config/ElementInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { ComponentInput } from \"@webiny/website-builder-sdk\";\nimport type { InputBindingOnChange } from \"../defaultConfig/Sidebar/ElementSettings/useInputValue.js\";\nimport type { IMetadata } from \"~/BaseEditor/metadata/index.js\";\n\nexport interface ElementInputRendererProps {\n    label: React.ReactNode;\n    metadata: IMetadata;\n    value: any;\n    onChange: InputBindingOnChange;\n    onPreviewChange: InputBindingOnChange;\n    input: ComponentInput;\n}\n\nexport interface RendererProps {\n    name: string;\n    component: React.ComponentType<any>;\n}\n\nconst Renderer = (props: RendererProps) => {\n    const getId = useIdGenerator(\"inputRenderer\");\n    const { name, component } = props;\n\n    return (\n        <Property id={getId(name)} name={\"inputRenderers\"} array={true}>\n            <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n            <Property id={getId(name, \"component\")} name={\"component\"} value={component} />\n        </Property>\n    );\n};\n\nexport interface ElementInputConfig {\n    name: string;\n    component: React.ComponentType<ElementInputRendererProps>;\n}\n\nexport const ElementInput = {\n    Renderer\n};\n"],"names":["Renderer","props","getId","useIdGenerator","name","component","Property","ElementInput"],"mappings":";;AAoBA,MAAMA,WAAW,CAACC;IACd,MAAMC,QAAQC,eAAe;IAC7B,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGJ;IAE5B,OAAO,WAAP,GACI,oBAACK,UAAQA;QAAC,IAAIJ,MAAME;QAAO,MAAM;QAAkB,OAAO;qBACtD,oBAACE,UAAQA;QAAC,IAAIJ,MAAME,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACE,UAAQA;QAAC,IAAIJ,MAAME,MAAM;QAAc,MAAM;QAAa,OAAOC;;AAG9E;AAOO,MAAME,eAAe;IACxBP,UAAAA;AACJ"}