npm - @webiny/app-website-builder - Versions diffs - 6.0.0-alpha.5 → 6.0.0-rc.0 - Mend

@webiny/app-website-builder 6.0.0-alpha.5 → 6.0.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1174) hide show

package/BaseEditor/config/EditorConfig.d.ts CHANGED Viewed

@@ -1,31 +1,30 @@
-/// <reference types="react" />
-import type { ElementConfig } from "./Element";
-import type { ElementInputConfig } from "./ElementInput";
-export declare const EditorConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => import("react").JSX.Element) & {
+import type { ElementConfig } from "./Element.js";
+import type { ElementInputConfig } from "./ElementInput.js";
+export declare const EditorConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => 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;
+        Element: (({ id, name, element, group, scope, remove, before, after }: import("./Element.js").ElementProps) => import("react").JSX.Element) & {
+            original: ({ id, name, element, group, scope, remove, before, after }: import("./Element.js").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;
+            original: (({ id, name, element, group, scope, remove, before, after }: import("./Element.js").ElementProps) => import("react").JSX.Element) & {
+                original: ({ id, name, element, group, scope, remove, before, after }: import("./Element.js").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;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ id, name, element, group, scope, remove, before, after }: import("./Element.js").ElementProps) => import("react").JSX.Element) & {
+                original: ({ id, name, element, group, scope, remove, before, after }: import("./Element.js").ElementProps) => import("react").JSX.Element;
                 originalName: string;
                 displayName: string;
-            }>) => (props: unknown) => import("react").JSX.Element;
+            }>) => (props: unknown) => React.JSX.Element;
         };
-        Elements: ({ group, scope, transform }: import("./Elements").ElementsProps) => import("react").JSX.Element;
+        Elements: ({ group, scope, transform }: import("./Elements.js").ElementsProps) => import("react").JSX.Element;
         Layout: (() => import("react").JSX.Element) & {
             original: () => import("react").JSX.Element;
             originalName: string;
@@ -39,11 +38,11 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(() => import("react").JSX.Element) & {
                 original: () => import("react").JSX.Element;
                 originalName: string;
                 displayName: string;
-            }>) => (props: unknown) => import("react").JSX.Element;
+            }>) => (props: unknown) => React.JSX.Element;
         };
         Content: (() => import("react").JSX.Element) & {
             original: () => import("react").JSX.Element;
@@ -58,31 +57,31 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(() => import("react").JSX.Element) & {
                 original: () => import("react").JSX.Element;
                 originalName: string;
                 displayName: string;
-            }>) => (props: unknown) => import("react").JSX.Element;
+            }>) => (props: unknown) => 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;
+            Layout: ({ children }: import("./Content/Layout.js").LayoutProps) => import("react").ReactNode;
+            Element: ((props: import("./Content/Content.js").ElementProps) => import("react").JSX.Element) & {
+                original: (props: import("./Content/Content.js").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;
+                original: ((props: import("./Content/Content.js").ElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Content/Content.js").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;
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./Content/Content.js").ElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Content/Content.js").ElementProps) => import("react").JSX.Element;
                     originalName: string;
                     displayName: string;
-                }>) => (props: unknown) => import("react").JSX.Element;
+                }>) => (props: unknown) => React.JSX.Element;
             };
             Elements: (() => import("react").JSX.Element) & {
                 original: () => import("react").JSX.Element;
@@ -97,51 +96,51 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
                 originalName: string;
                 displayName: string;
             } & {
-                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(() => import("react").JSX.Element) & {
                     original: () => import("react").JSX.Element;
                     originalName: string;
                     displayName: string;
-                }>) => (props: unknown) => import("react").JSX.Element;
+                }>) => (props: unknown) => 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;
+            Element: ((props: import("./TopBar/TopBar.js").ElementProps) => import("react").JSX.Element) & {
+                original: (props: import("./TopBar/TopBar.js").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;
+                original: ((props: import("./TopBar/TopBar.js").ElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar.js").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;
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./TopBar/TopBar.js").ElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar.js").ElementProps) => import("react").JSX.Element;
                     originalName: string;
                     displayName: string;
-                }>) => (props: unknown) => import("react").JSX.Element;
+                }>) => (props: unknown) => React.JSX.Element;
             };
-            Elements: ((props: import("./TopBar/TopBar").ElementsProps) => import("react").JSX.Element) & {
-                original: (props: import("./TopBar/TopBar").ElementsProps) => import("react").JSX.Element;
+            Elements: ((props: import("./TopBar/TopBar.js").ElementsProps) => import("react").JSX.Element) & {
+                original: (props: import("./TopBar/TopBar.js").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;
+                original: ((props: import("./TopBar/TopBar.js").ElementsProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar.js").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;
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./TopBar/TopBar.js").ElementsProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar.js").ElementsProps) => import("react").JSX.Element;
                     originalName: string;
                     displayName: string;
-                }>) => (props: unknown) => import("react").JSX.Element;
+                }>) => (props: unknown) => React.JSX.Element;
             };
             Layout: (() => import("react").JSX.Element) & {
                 original: () => import("react").JSX.Element;
@@ -156,11 +155,11 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
                 originalName: string;
                 displayName: string;
             } & {
-                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(() => import("react").JSX.Element) & {
                     original: () => import("react").JSX.Element;
                     originalName: string;
                     displayName: string;
-                }>) => (props: unknown) => import("react").JSX.Element;
+                }>) => (props: unknown) => React.JSX.Element;
             };
             Divider: (() => import("react").JSX.Element) & {
                 original: () => import("react").JSX.Element;
@@ -175,95 +174,131 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
                 originalName: string;
                 displayName: string;
             } & {
-                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(() => import("react").JSX.Element) & {
                     original: () => import("react").JSX.Element;
                     originalName: string;
                     displayName: string;
-                }>) => (props: unknown) => import("react").JSX.Element;
+                }>) => (props: unknown) => React.JSX.Element;
             };
-            Action: ((props: import("./TopBar/TopBar").ActionProps) => import("react").JSX.Element) & {
-                original: (props: import("./TopBar/TopBar").ActionProps) => import("react").JSX.Element;
+            Action: ((props: import("./TopBar/TopBar.js").ActionProps) => import("react").JSX.Element) & {
+                original: (props: import("./TopBar/TopBar.js").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;
+                original: ((props: import("./TopBar/TopBar.js").ActionProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar.js").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;
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./TopBar/TopBar.js").ActionProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar.js").ActionProps) => import("react").JSX.Element;
                     originalName: string;
                     displayName: string;
-                }>) => (props: unknown) => import("react").JSX.Element;
+                }>) => (props: unknown) => React.JSX.Element;
             };
-            DropdownAction: ((props: import("./TopBar/TopBar").DropdownActionProps) => import("react").JSX.Element) & {
-                original: (props: import("./TopBar/TopBar").DropdownActionProps) => import("react").JSX.Element;
+            DropdownAction: ((props: import("./TopBar/TopBar.js").DropdownActionProps) => import("react").JSX.Element) & {
+                original: (props: import("./TopBar/TopBar.js").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;
+                original: ((props: import("./TopBar/TopBar.js").DropdownActionProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar.js").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;
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./TopBar/TopBar.js").DropdownActionProps) => import("react").JSX.Element) & {
+                    original: (props: import("./TopBar/TopBar.js").DropdownActionProps) => import("react").JSX.Element;
                     originalName: string;
                     displayName: string;
-                }>) => (props: unknown) => import("react").JSX.Element;
+                }>) => (props: unknown) => React.JSX.Element;
             } & {
-                MenuItem: (props: import("./TopBar/MenuItem").MenuItemProps) => import("react").JSX.Element;
+                MenuItem: (props: import("./TopBar/MenuItem.js").MenuItemProps) => import("react").JSX.Element;
             };
         };
         Toolbar: (() => 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/types.js").ComponentDecorator<(() => import("react").JSX.Element) & {
+                original: () => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => 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;
+            Element: ((props: import("./Toolbar/Toolbar.js").ElementProps) => import("react").JSX.Element) & {
+                original: (props: import("./Toolbar/Toolbar.js").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;
+                original: ((props: import("./Toolbar/Toolbar.js").ElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Toolbar/Toolbar.js").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;
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./Toolbar/Toolbar.js").ElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Toolbar/Toolbar.js").ElementProps) => import("react").JSX.Element;
                     originalName: string;
                     displayName: string;
-                }>) => (props: unknown) => import("react").JSX.Element;
+                }>) => (props: unknown) => React.JSX.Element;
             };
-            Elements: ((props: import("./Toolbar/Toolbar").ElementsProps) => import("react").JSX.Element) & {
-                original: (props: import("./Toolbar/Toolbar").ElementsProps) => import("react").JSX.Element;
+            Elements: ((props: import("./Toolbar/Toolbar.js").ElementsProps) => import("react").JSX.Element) & {
+                original: (props: import("./Toolbar/Toolbar.js").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;
+                original: ((props: import("./Toolbar/Toolbar.js").ElementsProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Toolbar/Toolbar.js").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;
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./Toolbar/Toolbar.js").ElementsProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Toolbar/Toolbar.js").ElementsProps) => import("react").JSX.Element;
                     originalName: string;
                     displayName: string;
-                }>) => (props: unknown) => import("react").JSX.Element;
+                }>) => (props: unknown) => React.JSX.Element;
             };
         };
         Sidebar: (() => 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/types.js").ComponentDecorator<(() => import("react").JSX.Element) & {
+                original: () => import("react").JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
             Layout: (() => import("react").JSX.Element) & {
                 original: () => import("react").JSX.Element;
                 originalName: string;
@@ -277,103 +312,100 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
                 originalName: string;
                 displayName: string;
             } & {
-                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(() => import("react").JSX.Element) & {
                     original: () => import("react").JSX.Element;
                     originalName: string;
                     displayName: string;
-                }>) => (props: unknown) => import("react").JSX.Element;
+                }>) => (props: unknown) => React.JSX.Element;
             };
-            Element: ((props: import("./Sidebar/Sidebar").BaseElementProps) => import("react").JSX.Element) & {
-                original: (props: import("./Sidebar/Sidebar").BaseElementProps) => import("react").JSX.Element;
+            Element: ((props: import("./Sidebar/Sidebar.js").BaseElementProps) => import("react").JSX.Element) & {
+                original: (props: import("./Sidebar/Sidebar.js").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;
+                original: ((props: import("./Sidebar/Sidebar.js").BaseElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Sidebar/Sidebar.js").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;
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./Sidebar/Sidebar.js").BaseElementProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Sidebar/Sidebar.js").BaseElementProps) => import("react").JSX.Element;
                     originalName: string;
                     displayName: string;
-                }>) => (props: unknown) => import("react").JSX.Element;
+                }>) => (props: unknown) => React.JSX.Element;
             };
-            Elements: ((props: import("./Sidebar/Sidebar").ElementsProps) => import("react").JSX.Element) & {
-                original: (props: import("./Sidebar/Sidebar").ElementsProps) => import("react").JSX.Element;
+            Elements: ((props: import("./Sidebar/Sidebar.js").ElementsProps) => import("react").JSX.Element) & {
+                original: (props: import("./Sidebar/Sidebar.js").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;
+                original: ((props: import("./Sidebar/Sidebar.js").ElementsProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Sidebar/Sidebar.js").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;
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./Sidebar/Sidebar.js").ElementsProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Sidebar/Sidebar.js").ElementsProps) => import("react").JSX.Element;
                     originalName: string;
                     displayName: string;
-                }>) => (props: unknown) => import("react").JSX.Element;
+                }>) => (props: unknown) => React.JSX.Element;
             };
-            Group: ((props: import("./Sidebar/Sidebar").GroupProps) => import("react").JSX.Element) & {
-                original: (props: import("./Sidebar/Sidebar").GroupProps) => import("react").JSX.Element;
+            Group: ((props: import("./Sidebar/Sidebar.js").GroupProps) => import("react").JSX.Element) & {
+                original: (props: import("./Sidebar/Sidebar.js").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;
+                original: ((props: import("./Sidebar/Sidebar.js").GroupProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Sidebar/Sidebar.js").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;
+                createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./Sidebar/Sidebar.js").GroupProps) => import("react").JSX.Element) & {
+                    original: (props: import("./Sidebar/Sidebar.js").GroupProps) => import("react").JSX.Element;
                     originalName: string;
                     displayName: string;
-                }>) => (props: unknown) => import("react").JSX.Element;
+                }>) => (props: unknown) => React.JSX.Element;
             } & {
-                Tab: ({ name, label, disabled, element, visible, noPadding }: import("./Sidebar/Tab").TabProps) => import("react").JSX.Element;
+                Tab: ({ name, label, disabled, element, visible, noPadding }: import("./Sidebar/Tab.js").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>, {}>;
+            ScrollableContainer: ({ children }: any) => import("react").JSX.Element;
         };
-        OnActiveElement: ({ children }: import("./OnActiveElement").OnActiveElementProps) => import("react").JSX.Element | null;
-        NoActiveElement: ({ children }: import("./NoActiveElement").NoActiveElementProps) => import("react").JSX.Element | null;
+        OnActiveElement: ({ children }: import("./OnActiveElement.js").OnActiveElementProps) => import("react").JSX.Element | null;
+        NoActiveElement: ({ children }: import("./NoActiveElement.js").NoActiveElementProps) => import("react").JSX.Element | null;
     };
     ElementInput: {
-        Renderer: (props: import("./ElementInput").RendererProps) => import("react").JSX.Element;
+        Renderer: (props: import("./ElementInput.js").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;
+    ElementProperty: ((props: import("./ElementProperty.js").ElementPropertyProps) => import("react").JSX.Element) & {
+        original: (props: import("./ElementProperty.js").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;
+        original: ((props: import("./ElementProperty.js").ElementPropertyProps) => import("react").JSX.Element) & {
+            original: (props: import("./ElementProperty.js").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;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./ElementProperty.js").ElementPropertyProps) => import("react").JSX.Element) & {
+            original: (props: import("./ElementProperty.js").ElementPropertyProps) => import("react").JSX.Element;
             originalName: string;
             displayName: string;
-        }>) => (props: unknown) => import("react").JSX.Element;
+        }>) => (props: unknown) => React.JSX.Element;
     } & {
         STYLE: string;
         ELEMENT: string;
@@ -381,30 +413,30 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
     /**
      * Render element properties for the given group.
      */
-    ElementProperties: (props: import("./ElementProperty").ElementPropertiesProps) => import("react").JSX.Element;
+    ElementProperties: (props: import("./ElementProperty.js").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;
+    ElementAction: ((props: import("./ElementAction.js").ElementActionProps) => import("react").JSX.Element) & {
+        original: (props: import("./ElementAction.js").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;
+        original: ((props: import("./ElementAction.js").ElementActionProps) => import("react").JSX.Element) & {
+            original: (props: import("./ElementAction.js").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;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./ElementAction.js").ElementActionProps) => import("react").JSX.Element) & {
+            original: (props: import("./ElementAction.js").ElementActionProps) => import("react").JSX.Element;
             originalName: string;
             displayName: string;
-        }>) => (props: unknown) => import("react").JSX.Element;
+        }>) => (props: unknown) => React.JSX.Element;
     } & {
-        IconButton: ({ label, icon, disabled, onClick }: import("./IconButton").IconButtonProps) => import("react").JSX.Element;
+        IconButton: ({ label, icon, disabled, onClick }: import("./IconButton.js").IconButtonProps) => import("react").JSX.Element;
     };
     /**
      * Render all element actions.
@@ -422,18 +454,18 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => import("react").JSX.Element) & {
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(() => import("react").JSX.Element) & {
             original: () => import("react").JSX.Element;
             originalName: string;
             displayName: string;
-        }>) => (props: unknown) => import("react").JSX.Element;
+        }>) => (props: unknown) => 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) & {
+export declare const EditorWithConfig: (({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => React.JSX.Element) & {
     displayName: string;
 };
 export declare function useEditorConfig(): {

package/BaseEditor/config/EditorConfig.js CHANGED Viewed

@@ -1,17 +1,17 @@
 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");
+import { Element } from "./Element.js";
+import { TopBar } from "./TopBar/TopBar.js";
+import { Layout } from "./Layout.js";
+import { Content } from "./Content/Content.js";
+import { Toolbar } from "./Toolbar/Toolbar.js";
+import { Sidebar } from "./Sidebar/Sidebar.js";
+import { Elements } from "./Elements.js";
+import { OnActiveElement } from "./OnActiveElement.js";
+import { NoActiveElement } from "./NoActiveElement.js";
+import { ElementProperties, ElementProperty } from "./ElementProperty.js";
+import { ElementAction, ElementActions } from "./ElementAction.js";
+import { ElementInput } from "./ElementInput.js";
+const base = createConfigurableComponent("DocumentEditor");
 export const EditorConfig = Object.assign(base.Config, {
   /**
    * Components to configure editor UI.

package/BaseEditor/config/EditorConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
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 type { ElementConfig } from \"./Element\";\nimport { Element } 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 type { ElementInputConfig } from \"./ElementInput\";\nimport { ElementInput } 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;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;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":[]}
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 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\";\n\ninterface EditorConfig {\n elements: ElementConfig[];\n inputRenderers: ElementInputConfig[];\n}\n\nconst base = createConfigurableComponent<EditorConfig>(\"DocumentEditor\");\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;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;AAOrB,MAAMC,IAAI,GAAGf,2BAA2B,CAAe,gBAAgB,CAAC;AAExE,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":[]}