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

package/BaseEditor/commandHandlers/index.js

@@ -1,12 +1,11 @@
 import react from "react";
-import { CloneElement } from "./CloneElement.js";
 import { CreateElement } from "./CreateElement.js";
 import { DeleteElement } from "./DeleteElement.js";
 import { MoveElement } from "./MoveElement.js";
 import { DeselectElement } from "./DeselectElement.js";
 import { SelectElement } from "./SelectElement.js";
 import { HighlightElement } from "./HighlightElement.js";
-const CommandHandlers = /*#__PURE__*/ react.memo(()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(CloneElement, null), /*#__PURE__*/ react.createElement(CreateElement, null), /*#__PURE__*/ react.createElement(DeleteElement, null), /*#__PURE__*/ react.createElement(MoveElement, null), /*#__PURE__*/ react.createElement(DeselectElement, null), /*#__PURE__*/ react.createElement(SelectElement, null), /*#__PURE__*/ react.createElement(HighlightElement, null)));
+const CommandHandlers = /*#__PURE__*/ react.memo(()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(CreateElement, null), /*#__PURE__*/ react.createElement(DeleteElement, null), /*#__PURE__*/ react.createElement(MoveElement, null), /*#__PURE__*/ react.createElement(DeselectElement, null), /*#__PURE__*/ react.createElement(SelectElement, null), /*#__PURE__*/ react.createElement(HighlightElement, null)));
 CommandHandlers.displayName = "CommandHandlers";
 export { CommandHandlers };
 

package/BaseEditor/commandHandlers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseEditor/commandHandlers/index.js","sources":["../../../src/BaseEditor/commandHandlers/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { CloneElement } from \"./CloneElement.js\";\nimport { CreateElement } from \"./CreateElement.js\";\nimport { DeleteElement } from \"./DeleteElement.js\";\nimport { MoveElement } from \"./MoveElement.js\";\nimport { DeselectElement } from \"./DeselectElement.js\";\nimport { SelectElement } from \"./SelectElement.js\";\nimport { HighlightElement } from \"./HighlightElement.js\";\n\nexport const CommandHandlers = React.memo(() => {\n    return (\n        <>\n            <CloneElement />\n            <CreateElement />\n            <DeleteElement />\n            <MoveElement />\n            <DeselectElement />\n            <SelectElement />\n            <HighlightElement />\n        </>\n    );\n});\n\nCommandHandlers.displayName = \"CommandHandlers\";\n"],"names":["CommandHandlers","React","CloneElement","CreateElement","DeleteElement","MoveElement","DeselectElement","SelectElement","HighlightElement"],"mappings":";;;;;;;;AASO,MAAMA,kBAAkB,WAAHA,GAAGC,MAAAA,IAAU,CAAC,IAC/B,WAAP,GACI,wDACI,oBAACC,cAAYA,OAAAA,WAAAA,GACb,oBAACC,eAAaA,OAAAA,WAAAA,GACd,oBAACC,eAAaA,OAAAA,WAAAA,GACd,oBAACC,aAAWA,OAAAA,WAAAA,GACZ,oBAACC,iBAAeA,OAAAA,WAAAA,GAChB,oBAACC,eAAaA,OAAAA,WAAAA,GACd,oBAACC,kBAAgBA;AAK7BR,gBAAgB,WAAW,GAAG"}
+{"version":3,"file":"BaseEditor/commandHandlers/index.js","sources":["../../../src/BaseEditor/commandHandlers/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { CreateElement } from \"./CreateElement.js\";\nimport { DeleteElement } from \"./DeleteElement.js\";\nimport { MoveElement } from \"./MoveElement.js\";\nimport { DeselectElement } from \"./DeselectElement.js\";\nimport { SelectElement } from \"./SelectElement.js\";\nimport { HighlightElement } from \"./HighlightElement.js\";\n\nexport const CommandHandlers = React.memo(() => {\n    return (\n        <>\n            <CreateElement />\n            <DeleteElement />\n            <MoveElement />\n            <DeselectElement />\n            <SelectElement />\n            <HighlightElement />\n        </>\n    );\n});\n\nCommandHandlers.displayName = \"CommandHandlers\";\n"],"names":["CommandHandlers","React","CreateElement","DeleteElement","MoveElement","DeselectElement","SelectElement","HighlightElement"],"mappings":";;;;;;;AAQO,MAAMA,kBAAkB,WAAHA,GAAGC,MAAAA,IAAU,CAAC,IAC/B,WAAP,GACI,wDACI,oBAACC,eAAaA,OAAAA,WAAAA,GACd,oBAACC,eAAaA,OAAAA,WAAAA,GACd,oBAACC,aAAWA,OAAAA,WAAAA,GACZ,oBAACC,iBAAeA,OAAAA,WAAAA,GAChB,oBAACC,eAAaA,OAAAA,WAAAA,GACd,oBAACC,kBAAgBA;AAK7BP,gBAAgB,WAAW,GAAG"}

package/BaseEditor/commands.d.ts

@@ -1,9 +1,6 @@
 import type { ElementFactoryCreateElementParams } from "@webiny/website-builder-sdk";
 import type { WebsiteBuilderTheme } from "@webiny/website-builder-sdk/types/WebsiteBuilderTheme.js";
 export declare const Commands: {
-    CloneElement: import("~/editorSdk/createCommand.js").Command<{
-        id: string;
-    }>;
     CreateElement: import("~/editorSdk/createCommand.js").Command<{
         componentName: string;
         parentId: string;

package/BaseEditor/commands.js

@@ -1,7 +1,6 @@
 import { createCommand } from "../editorSdk/createCommand.js";
 const CreateElement = createCommand("CREATE_ELEMENT");
 const MoveElement = createCommand("MOVE_ELEMENT");
-const CloneElement = createCommand("CLONE_ELEMENT");
 const DeleteElement = createCommand("DELETE_ELEMENT");
 const SelectElement = createCommand("SELECT_ELEMENT");
 const HighlightElement = createCommand("HIGHLIGHT_ELEMENT");
@@ -11,7 +10,6 @@ const RefreshPreview = createCommand("REFRESH_PREVIEW");
 const PreviewPatchElement = createCommand("PREVIEW_PATCH_ELEMENT");
 const SendPreviewMessage = createCommand("SEND_PREVIEW_MESSAGE");
 const Commands = {
-    CloneElement: CloneElement,
     CreateElement: CreateElement,
     DeleteElement: DeleteElement,
     MoveElement: MoveElement,

package/BaseEditor/commands.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseEditor/commands.js","sources":["../../src/BaseEditor/commands.ts"],"sourcesContent":["import { createCommand } from \"~/editorSdk/createCommand.js\";\nimport type { ElementFactoryCreateElementParams } from \"@webiny/website-builder-sdk\";\nimport type { WebsiteBuilderTheme } from \"@webiny/website-builder-sdk/types/WebsiteBuilderTheme.js\";\n\nconst CreateElement = createCommand<{\n    // Name of the component to use.\n    componentName: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot. Omit to append at the end.\n    index?: number;\n    // Bindings\n    bindings?: ElementFactoryCreateElementParams[\"bindings\"];\n}>(\"CREATE_ELEMENT\");\n\nconst MoveElement = createCommand<{\n    // ID of the element to move.\n    elementId: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot.\n    index: number;\n}>(\"MOVE_ELEMENT\");\n\nconst CloneElement = createCommand<{ id: string }>(\"CLONE_ELEMENT\");\n\nconst DeleteElement = createCommand<{\n    id: string;\n}>(\"DELETE_ELEMENT\");\n\nconst SelectElement = createCommand<{ id: string }>(\"SELECT_ELEMENT\");\n\nconst HighlightElement = createCommand<{ id: string }>(\"HIGHLIGHT_ELEMENT\");\n\nconst SetTheme = createCommand<{ theme: WebsiteBuilderTheme }>(\"SET_THEME\");\n\nconst DeselectElement = createCommand<never>(\"DESELECT_ELEMENT\");\n\nconst RefreshPreview = createCommand<never>(\"REFRESH_PREVIEW\");\n\nconst PreviewPatchElement = createCommand<{ elementId: string; patch: any[] }>(\n    \"PREVIEW_PATCH_ELEMENT\"\n);\n\nconst SendPreviewMessage = createCommand<{ type: string; payload?: any }>(\"SEND_PREVIEW_MESSAGE\");\n\nexport const Commands = {\n    CloneElement,\n    CreateElement,\n    DeleteElement,\n    MoveElement,\n    SelectElement,\n    DeselectElement,\n    HighlightElement,\n    RefreshPreview,\n    PreviewPatchElement,\n    SendPreviewMessage,\n    SetTheme\n};\n"],"names":["CreateElement","createCommand","MoveElement","CloneElement","DeleteElement","SelectElement","HighlightElement","SetTheme","DeselectElement","RefreshPreview","PreviewPatchElement","SendPreviewMessage","Commands"],"mappings":";AAIA,MAAMA,gBAAgBC,cAWnB;AAEH,MAAMC,cAAcD,cASjB;AAEH,MAAME,eAAeF,cAA8B;AAEnD,MAAMG,gBAAgBH,cAEnB;AAEH,MAAMI,gBAAgBJ,cAA8B;AAEpD,MAAMK,mBAAmBL,cAA8B;AAEvD,MAAMM,WAAWN,cAA8C;AAE/D,MAAMO,kBAAkBP,cAAqB;AAE7C,MAAMQ,iBAAiBR,cAAqB;AAE5C,MAAMS,sBAAsBT,cACxB;AAGJ,MAAMU,qBAAqBV,cAA+C;AAEnE,MAAMW,WAAW;IACpBT,cAAAA;IACAH,eAAAA;IACAI,eAAAA;IACAF,aAAAA;IACAG,eAAAA;IACAG,iBAAAA;IACAF,kBAAAA;IACAG,gBAAAA;IACAC,qBAAAA;IACAC,oBAAAA;IACAJ,UAAAA;AACJ"}
+{"version":3,"file":"BaseEditor/commands.js","sources":["../../src/BaseEditor/commands.ts"],"sourcesContent":["import { createCommand } from \"~/editorSdk/createCommand.js\";\nimport type { ElementFactoryCreateElementParams } from \"@webiny/website-builder-sdk\";\nimport type { WebsiteBuilderTheme } from \"@webiny/website-builder-sdk/types/WebsiteBuilderTheme.js\";\n\nconst CreateElement = createCommand<{\n    // Name of the component to use.\n    componentName: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot. Omit to append at the end.\n    index?: number;\n    // Bindings\n    bindings?: ElementFactoryCreateElementParams[\"bindings\"];\n}>(\"CREATE_ELEMENT\");\n\nconst MoveElement = createCommand<{\n    // ID of the element to move.\n    elementId: string;\n    // Parent element for the new element.\n    parentId: string;\n    // Parent element slot (e.g., `children`, `heroBanner`, `tabsList.0.content`).\n    slot: string;\n    // Index within the slot.\n    index: number;\n}>(\"MOVE_ELEMENT\");\n\nconst DeleteElement = createCommand<{\n    id: string;\n}>(\"DELETE_ELEMENT\");\n\nconst SelectElement = createCommand<{ id: string }>(\"SELECT_ELEMENT\");\n\nconst HighlightElement = createCommand<{ id: string }>(\"HIGHLIGHT_ELEMENT\");\n\nconst SetTheme = createCommand<{ theme: WebsiteBuilderTheme }>(\"SET_THEME\");\n\nconst DeselectElement = createCommand<never>(\"DESELECT_ELEMENT\");\n\nconst RefreshPreview = createCommand<never>(\"REFRESH_PREVIEW\");\n\nconst PreviewPatchElement = createCommand<{ elementId: string; patch: any[] }>(\n    \"PREVIEW_PATCH_ELEMENT\"\n);\n\nconst SendPreviewMessage = createCommand<{ type: string; payload?: any }>(\"SEND_PREVIEW_MESSAGE\");\n\nexport const Commands = {\n    CreateElement,\n    DeleteElement,\n    MoveElement,\n    SelectElement,\n    DeselectElement,\n    HighlightElement,\n    RefreshPreview,\n    PreviewPatchElement,\n    SendPreviewMessage,\n    SetTheme\n};\n"],"names":["CreateElement","createCommand","MoveElement","DeleteElement","SelectElement","HighlightElement","SetTheme","DeselectElement","RefreshPreview","PreviewPatchElement","SendPreviewMessage","Commands"],"mappings":";AAIA,MAAMA,gBAAgBC,cAWnB;AAEH,MAAMC,cAAcD,cASjB;AAEH,MAAME,gBAAgBF,cAEnB;AAEH,MAAMG,gBAAgBH,cAA8B;AAEpD,MAAMI,mBAAmBJ,cAA8B;AAEvD,MAAMK,WAAWL,cAA8C;AAE/D,MAAMM,kBAAkBN,cAAqB;AAE7C,MAAMO,iBAAiBP,cAAqB;AAE5C,MAAMQ,sBAAsBR,cACxB;AAGJ,MAAMS,qBAAqBT,cAA+C;AAEnE,MAAMU,WAAW;IACpBX,eAAAA;IACAG,eAAAA;IACAD,aAAAA;IACAE,eAAAA;IACAG,iBAAAA;IACAF,kBAAAA;IACAG,gBAAAA;IACAC,qBAAAA;IACAC,oBAAAA;IACAJ,UAAAA;AACJ"}

package/BaseEditor/components/Draggable.d.ts

@@ -9,5 +9,5 @@ interface DraggableProps<T> {
         dragRef: ConnectDragSource;
     }) => React.ReactNode;
 }
-export declare const Draggable: React.MemoExoticComponent<(<T = any>({ type, item, canDrag, children }: DraggableProps<T>) => React.JSX.Element)>;
+export declare const Draggable: React.MemoExoticComponent<<T = any>({ type, item, canDrag, children }: DraggableProps<T>) => React.JSX.Element>;
 export {};

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { Layout } from "./Layout.js";
 import type { ElementProps as BaseElementProps } from "../Element.js";
 export type ElementProps = Omit<BaseElementProps, "scope" | "group" | "id">;
 export declare const Content: (() => React.JSX.Element) & {
@@ -20,7 +21,7 @@ export declare const Content: (() => React.JSX.Element) & {
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    Layout: ({ children }: import("./Layout.js").LayoutProps) => React.ReactNode;
+    Layout: typeof Layout;
     Element: ((props: ElementProps) => React.JSX.Element) & {
         original: (props: ElementProps) => React.JSX.Element;
         originalName: string;

package/BaseEditor/config/EditorConfig.d.ts

@@ -1,5 +1,11 @@
 import type { ElementConfig } from "./Element.js";
+import { Elements } from "./Elements.js";
+import { OnActiveElement } from "./OnActiveElement.js";
+import { NoActiveElement } from "./NoActiveElement.js";
+import { ElementProperties } from "./ElementProperty.js";
 import type { ElementInputConfig } from "./ElementInput.js";
+import { IsNotReadOnly } from "../../BaseEditor/config/IsNotReadOnly.js";
+import { IsReadOnly } from "../../BaseEditor/config/IsReadOnly.js";
 export interface EditorConfig {
     elements: ElementConfig[];
     inputRenderers: ElementInputConfig[];
@@ -28,7 +34,7 @@ export declare const EditorConfigComponents: {
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
-        Elements: ({ group, scope, transform, render }: import("./Elements.js").ElementsProps) => import("react").JSX.Element;
+        Elements: typeof Elements;
         Layout: (() => import("react").JSX.Element) & {
             original: () => import("react").JSX.Element;
             originalName: string;
@@ -67,7 +73,7 @@ export declare const EditorConfigComponents: {
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         } & {
-            Layout: ({ children }: import("./Content/Layout.js").LayoutProps) => import("react").ReactNode;
+            Layout: typeof import("./Content/Layout.js").Layout;
             Element: ((props: import("./Content/Content.js").ElementProps) => import("react").JSX.Element) & {
                 original: (props: import("./Content/Content.js").ElementProps) => import("react").JSX.Element;
                 originalName: string;
@@ -245,7 +251,7 @@ export declare const EditorConfigComponents: {
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         } & {
-            Layout: () => import("react").JSX.Element;
+            Layout: typeof import("./Toolbar/Layout.js").Layout;
             Element: ((props: import("./Toolbar/Toolbar.js").ElementProps) => import("react").JSX.Element) & {
                 original: (props: import("./Toolbar/Toolbar.js").ElementProps) => import("react").JSX.Element;
                 originalName: string;
@@ -284,7 +290,7 @@ export declare const EditorConfigComponents: {
                     displayName: string;
                 }>) => (props: unknown) => React.JSX.Element;
             };
-            Tab: ({ name, label, icon, element, disabled, visible }: import("./Toolbar/Tab.js").TabProps) => import("react").JSX.Element;
+            Tab: typeof import("./Toolbar/Tab.js").Tab;
         };
         Sidebar: (() => import("react").JSX.Element) & {
             original: () => import("react").JSX.Element;
@@ -381,14 +387,14 @@ export declare const EditorConfigComponents: {
                     displayName: string;
                 }>) => (props: unknown) => React.JSX.Element;
             } & {
-                Tab: ({ name, label, icon, disabled, element, visible }: import("./Sidebar/Tab.js").TabProps) => import("react").JSX.Element;
+                Tab: typeof import("./Sidebar/Tab.js").Tab;
             };
-            ScrollableContainer: ({ children }: any) => import("react").JSX.Element;
+            ScrollableContainer: typeof import("./Sidebar/ScrollableContainer.js").ScrollableContainer;
         };
-        IsReadOnly: ({ children }: import("~/BaseEditor/config/IsReadOnly.js").IsNotReadOnlyProps) => import("react").JSX.Element | null;
-        IsNotReadOnly: ({ children }: import("~/BaseEditor/config/IsNotReadOnly.js").IsNotReadOnlyProps) => 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;
+        IsReadOnly: typeof IsReadOnly;
+        IsNotReadOnly: typeof IsNotReadOnly;
+        OnActiveElement: typeof OnActiveElement;
+        NoActiveElement: typeof NoActiveElement;
     };
     ElementInput: {
         Renderer: (props: import("./ElementInput.js").RendererProps) => import("react").JSX.Element;
@@ -421,7 +427,7 @@ export declare const EditorConfigComponents: {
     /**
      * Render element properties for the given group.
      */
-    ElementProperties: (props: import("./ElementProperty.js").ElementPropertiesProps) => import("react").JSX.Element;
+    ElementProperties: typeof ElementProperties;
     /**
      * Define an element action.
      */
@@ -444,7 +450,7 @@ export declare const EditorConfigComponents: {
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     } & {
-        IconButton: ({ label, icon, disabled, onClick }: import("./IconButton.js").IconButtonProps) => import("react").JSX.Element;
+        IconButton: typeof import("./IconButton.js").IconButton;
     };
     /**
      * Render all element actions.
@@ -506,7 +512,7 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
-        Elements: ({ group, scope, transform, render }: import("./Elements.js").ElementsProps) => import("react").JSX.Element;
+        Elements: typeof Elements;
         Layout: (() => import("react").JSX.Element) & {
             original: () => import("react").JSX.Element;
             originalName: string;
@@ -545,7 +551,7 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         } & {
-            Layout: ({ children }: import("./Content/Layout.js").LayoutProps) => import("react").ReactNode;
+            Layout: typeof import("./Content/Layout.js").Layout;
             Element: ((props: import("./Content/Content.js").ElementProps) => import("react").JSX.Element) & {
                 original: (props: import("./Content/Content.js").ElementProps) => import("react").JSX.Element;
                 originalName: string;
@@ -723,7 +729,7 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         } & {
-            Layout: () => import("react").JSX.Element;
+            Layout: typeof import("./Toolbar/Layout.js").Layout;
             Element: ((props: import("./Toolbar/Toolbar.js").ElementProps) => import("react").JSX.Element) & {
                 original: (props: import("./Toolbar/Toolbar.js").ElementProps) => import("react").JSX.Element;
                 originalName: string;
@@ -762,7 +768,7 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
                     displayName: string;
                 }>) => (props: unknown) => React.JSX.Element;
             };
-            Tab: ({ name, label, icon, element, disabled, visible }: import("./Toolbar/Tab.js").TabProps) => import("react").JSX.Element;
+            Tab: typeof import("./Toolbar/Tab.js").Tab;
         };
         Sidebar: (() => import("react").JSX.Element) & {
             original: () => import("react").JSX.Element;
@@ -859,14 +865,14 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
                     displayName: string;
                 }>) => (props: unknown) => React.JSX.Element;
             } & {
-                Tab: ({ name, label, icon, disabled, element, visible }: import("./Sidebar/Tab.js").TabProps) => import("react").JSX.Element;
+                Tab: typeof import("./Sidebar/Tab.js").Tab;
             };
-            ScrollableContainer: ({ children }: any) => import("react").JSX.Element;
+            ScrollableContainer: typeof import("./Sidebar/ScrollableContainer.js").ScrollableContainer;
         };
-        IsReadOnly: ({ children }: import("~/BaseEditor/config/IsReadOnly.js").IsNotReadOnlyProps) => import("react").JSX.Element | null;
-        IsNotReadOnly: ({ children }: import("~/BaseEditor/config/IsNotReadOnly.js").IsNotReadOnlyProps) => 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;
+        IsReadOnly: typeof IsReadOnly;
+        IsNotReadOnly: typeof IsNotReadOnly;
+        OnActiveElement: typeof OnActiveElement;
+        NoActiveElement: typeof NoActiveElement;
     };
     ElementInput: {
         Renderer: (props: import("./ElementInput.js").RendererProps) => import("react").JSX.Element;
@@ -899,7 +905,7 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
     /**
      * Render element properties for the given group.
      */
-    ElementProperties: (props: import("./ElementProperty.js").ElementPropertiesProps) => import("react").JSX.Element;
+    ElementProperties: typeof ElementProperties;
     /**
      * Define an element action.
      */
@@ -922,7 +928,7 @@ export declare const EditorConfig: (({ priority, children }: import("@webiny/rea
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     } & {
-        IconButton: ({ label, icon, disabled, onClick }: import("./IconButton.js").IconButtonProps) => import("react").JSX.Element;
+        IconButton: typeof import("./IconButton.js").IconButton;
     };
     /**
      * Render all element actions.

package/BaseEditor/config/ElementAction.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import type { ElementProps } from "./Element.js";
+import { IconButton } from "./IconButton.js";
 export type ElementActionProps = Omit<ElementProps, "scope" | "group" | "id">;
 export declare const ElementActions: (() => React.JSX.Element) & {
     original: () => React.JSX.Element;
@@ -39,5 +40,5 @@ export declare const ElementAction: ((props: ElementActionProps) => React.JSX.El
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    IconButton: ({ label, icon, disabled, onClick }: import("./IconButton.js").IconButtonProps) => React.JSX.Element;
+    IconButton: typeof IconButton;
 };

package/BaseEditor/config/ElementInput.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ComponentInput } from "@webiny/website-builder-sdk";
+import type { ComponentInput, DocumentElement, DocumentElementBindings, InputAstNode } from "@webiny/website-builder-sdk";
 import type { InputBindingOnChange } from "../defaultConfig/Sidebar/ElementSettings/useInputValue.js";
 import type { IMetadata } from "../../BaseEditor/metadata/index.js";
 export interface ElementInputRendererProps {
@@ -9,15 +9,20 @@ export interface ElementInputRendererProps {
     onChange: InputBindingOnChange;
     onPreviewChange: InputBindingOnChange;
     input: ComponentInput;
+    node?: InputAstNode;
+    element?: DocumentElement;
+    bindings?: DocumentElementBindings["inputs"];
 }
 export interface RendererProps {
     name: string;
     component: React.ComponentType<any>;
 }
+declare const Renderer: (props: RendererProps) => React.JSX.Element;
 export interface ElementInputConfig {
     name: string;
     component: React.ComponentType<ElementInputRendererProps>;
 }
 export declare const ElementInput: {
-    Renderer: (props: RendererProps) => React.JSX.Element;
+    Renderer: typeof Renderer;
 };
+export {};

package/BaseEditor/config/ElementInput.js.map

@@ -1 +1 @@
-{"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"}
+{"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 {\n    ComponentInput,\n    DocumentElement,\n    DocumentElementBindings,\n    InputAstNode\n} 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    // The full AST node, owning element and element bindings - provided by `InputField` and used by\n    // renderers that recurse into child inputs (e.g. the object field renderer). Optional so other\n    // call sites that synthesize renderer props (e.g. the Lexical expanded-editor dialog) needn't.\n    node?: InputAstNode;\n    element?: DocumentElement;\n    bindings?: DocumentElementBindings[\"inputs\"];\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":";;AA+BA,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"}

package/BaseEditor/config/ElementOverlay.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 import { type ElementProps as BaseElementProps } from "./Element.js";
 export type ElementProps = Pick<BaseElementProps, "name" | "element">;
+declare const Element: ({ name, element }: ElementProps) => React.JSX.Element;
+declare const Elements: () => React.JSX.Element;
 export interface ElementOverlayContainerProps {
     position: {
         top?: number;
@@ -10,9 +12,11 @@ export interface ElementOverlayContainerProps {
     };
     children: React.ReactNode;
 }
+declare const Container: ({ position, children }: ElementOverlayContainerProps) => React.JSX.Element;
 export declare const ElementOverlay: {
-    Element: (({ name, element }: ElementProps) => React.JSX.Element) & {
-        Container: ({ position, children }: ElementOverlayContainerProps) => React.JSX.Element;
+    Element: typeof Element & {
+        Container: typeof Container;
     };
-    Elements: () => React.JSX.Element;
+    Elements: typeof Elements;
 };
+export {};

package/BaseEditor/config/Sidebar/Sidebar.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 import type { ElementProps as CoreElementProps } from "../Element.js";
 import type { ElementsProps as BaseElementsProps } from "../Elements.js";
+import { Tab } from "./Tab.js";
+import { ScrollableContainer } from "../Sidebar/ScrollableContainer.js";
 export type ScopedElementProps = Omit<CoreElementProps, "scope">;
 export type BaseElementProps = Omit<ScopedElementProps, "id">;
 export type ElementsProps = Omit<BaseElementsProps, "scope">;
@@ -100,7 +102,7 @@ export declare const Sidebar: (() => React.JSX.Element) & {
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     } & {
-        Tab: ({ name, label, icon, disabled, element, visible }: import("./Tab.js").TabProps) => React.JSX.Element;
+        Tab: typeof Tab;
     };
-    ScrollableContainer: ({ children }: any) => React.JSX.Element;
+    ScrollableContainer: typeof ScrollableContainer;
 };

package/BaseEditor/config/Sidebar/Sidebar.js

@@ -8,7 +8,8 @@ import { createGetId } from "../createGetId.js";
 import { ScrollableContainer } from "./ScrollableContainer.js";
 const SCOPE = "sidebar";
 const BaseSidebar = makeDecoratable("SidebarScopedLayout", ()=>/*#__PURE__*/ react.createElement("div", {
-        className: "w-[var(--wb-spacing-sidebar)] flex-none"
+        className: "w-[var(--wb-spacing-sidebar)] flex-none relative",
+        "data-role": "wb-object-panel-anchor"
     }, /*#__PURE__*/ react.createElement(Layout, null)));
 const ScopedElement = makeDecoratable("SidebarScopedElement", (props)=>/*#__PURE__*/ react.createElement(Element, {
         ...props,

package/BaseEditor/config/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseEditor/config/Sidebar/Sidebar.js","sources":["../../../../src/BaseEditor/config/Sidebar/Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport type { ElementProps as CoreElementProps } from \"../Element.js\";\nimport { Element as CoreElement } from \"../Element.js\";\nimport { Layout } from \"./Layout.js\";\nimport type { ElementsProps as BaseElementsProps } from \"../Elements.js\";\nimport { Elements as BaseElements } from \"../Elements.js\";\nimport { Tab } from \"./Tab.js\";\nimport { createGetId } from \"../createGetId.js\";\nimport { ScrollableContainer } from \"../Sidebar/ScrollableContainer.js\";\n\nconst SCOPE = \"sidebar\";\n\nconst BaseSidebar = makeDecoratable(\"SidebarScopedLayout\", () => {\n    return (\n        <div className={\"w-[var(--wb-spacing-sidebar)] flex-none\"}>\n            <Layout />\n        </div>\n    );\n});\n\nexport type ScopedElementProps = Omit<CoreElementProps, \"scope\">;\n\nconst ScopedElement = makeDecoratable(\"SidebarScopedElement\", (props: ScopedElementProps) => {\n    return <CoreElement {...props} scope={SCOPE} />;\n});\n\nconst getElementId = createGetId(SCOPE)();\n\nexport type BaseElementProps = Omit<ScopedElementProps, \"id\">;\n\nconst BaseElement = makeDecoratable(\"SidebarElement\", (props: BaseElementProps) => {\n    return (\n        <ScopedElement\n            {...props}\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 type ElementsProps = Omit<BaseElementsProps, \"scope\">;\n\nconst Elements = makeDecoratable(\"SidebarElements\", (props: ElementsProps) => {\n    return <BaseElements {...props} scope={SCOPE} />;\n});\n\nexport type GroupProps = Omit<BaseElementProps, \"group\">;\n\nconst BaseGroup = makeDecoratable(\"SidebarGroup\", (props: GroupProps) => {\n    return (\n        <ScopedElement\n            {...props}\n            group={\"groups\"}\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 Sidebar = Object.assign(BaseSidebar, {\n    Layout,\n    Element: BaseElement,\n    Elements,\n    Group: Object.assign(BaseGroup, { Tab }),\n    ScrollableContainer\n});\n"],"names":["SCOPE","BaseSidebar","makeDecoratable","Layout","ScopedElement","props","CoreElement","getElementId","createGetId","BaseElement","undefined","Elements","BaseElements","BaseGroup","Sidebar","Object","Tab","ScrollableContainer"],"mappings":";;;;;;;;AAWA,MAAMA,QAAQ;AAEd,MAAMC,cAAcC,gBAAgB,uBAAuB,IAChD,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,QAAMA;AAOnB,MAAMC,gBAAgBF,gBAAgB,wBAAwB,CAACG,QACpD,WAAP,GAAO,oBAACC,SAAWA;QAAE,GAAGD,KAAK;QAAE,OAAOL;;AAG1C,MAAMO,eAAeC,YAAYR;AAIjC,MAAMS,cAAcP,gBAAgB,kBAAkB,CAACG,QAC5C,WAAP,GACI,oBAACD,eAAaA;QACT,GAAGC,KAAK;QACT,IAAIE,aAAaF,MAAM,IAAI;QAC3B,QAAQA,MAAM,MAAM,GAAGE,aAAaF,MAAM,MAAM,IAAIK;QACpD,OAAOL,MAAM,KAAK,GAAGE,aAAaF,MAAM,KAAK,IAAIK;;AAO7D,MAAMC,mBAAWT,gBAAgB,mBAAmB,CAACG,QAC1C,WAAP,GAAO,oBAACO,UAAYA;QAAE,GAAGP,KAAK;QAAE,OAAOL;;AAK3C,MAAMa,YAAYX,gBAAgB,gBAAgB,CAACG,QACxC,WAAP,GACI,oBAACD,eAAaA;QACT,GAAGC,KAAK;QACT,OAAO;QACP,IAAIE,aAAaF,MAAM,IAAI;QAC3B,QAAQA,MAAM,MAAM,GAAGE,aAAaF,MAAM,MAAM,IAAIK;QACpD,OAAOL,MAAM,KAAK,GAAGE,aAAaF,MAAM,KAAK,IAAIK;;AAKtD,MAAMI,UAAUC,OAAO,MAAM,CAACd,aAAa;IAC9CE,QAAMA;IACN,SAASM;IACTE,UAAAA;IACA,OAAOI,OAAO,MAAM,CAACF,WAAW;QAAEG,KAAGA;IAAC;IACtCC,qBAAmBA;AACvB"}
+{"version":3,"file":"BaseEditor/config/Sidebar/Sidebar.js","sources":["../../../../src/BaseEditor/config/Sidebar/Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport type { ElementProps as CoreElementProps } from \"../Element.js\";\nimport { Element as CoreElement } from \"../Element.js\";\nimport { Layout } from \"./Layout.js\";\nimport type { ElementsProps as BaseElementsProps } from \"../Elements.js\";\nimport { Elements as BaseElements } from \"../Elements.js\";\nimport { Tab } from \"./Tab.js\";\nimport { createGetId } from \"../createGetId.js\";\nimport { ScrollableContainer } from \"../Sidebar/ScrollableContainer.js\";\n\nconst SCOPE = \"sidebar\";\n\nconst BaseSidebar = makeDecoratable(\"SidebarScopedLayout\", () => {\n    return (\n        <div\n            className={\"w-[var(--wb-spacing-sidebar)] flex-none relative\"}\n            data-role={\"wb-object-panel-anchor\"}\n        >\n            <Layout />\n        </div>\n    );\n});\n\nexport type ScopedElementProps = Omit<CoreElementProps, \"scope\">;\n\nconst ScopedElement = makeDecoratable(\"SidebarScopedElement\", (props: ScopedElementProps) => {\n    return <CoreElement {...props} scope={SCOPE} />;\n});\n\nconst getElementId = createGetId(SCOPE)();\n\nexport type BaseElementProps = Omit<ScopedElementProps, \"id\">;\n\nconst BaseElement = makeDecoratable(\"SidebarElement\", (props: BaseElementProps) => {\n    return (\n        <ScopedElement\n            {...props}\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 type ElementsProps = Omit<BaseElementsProps, \"scope\">;\n\nconst Elements = makeDecoratable(\"SidebarElements\", (props: ElementsProps) => {\n    return <BaseElements {...props} scope={SCOPE} />;\n});\n\nexport type GroupProps = Omit<BaseElementProps, \"group\">;\n\nconst BaseGroup = makeDecoratable(\"SidebarGroup\", (props: GroupProps) => {\n    return (\n        <ScopedElement\n            {...props}\n            group={\"groups\"}\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 Sidebar = Object.assign(BaseSidebar, {\n    Layout,\n    Element: BaseElement,\n    Elements,\n    Group: Object.assign(BaseGroup, { Tab }),\n    ScrollableContainer\n});\n"],"names":["SCOPE","BaseSidebar","makeDecoratable","Layout","ScopedElement","props","CoreElement","getElementId","createGetId","BaseElement","undefined","Elements","BaseElements","BaseGroup","Sidebar","Object","Tab","ScrollableContainer"],"mappings":";;;;;;;;AAWA,MAAMA,QAAQ;AAEd,MAAMC,cAAcC,gBAAgB,uBAAuB,IAChD,WAAP,GACI,oBAAC;QACG,WAAW;QACX,aAAW;qBAEX,oBAACC,QAAMA;AAOnB,MAAMC,gBAAgBF,gBAAgB,wBAAwB,CAACG,QACpD,WAAP,GAAO,oBAACC,SAAWA;QAAE,GAAGD,KAAK;QAAE,OAAOL;;AAG1C,MAAMO,eAAeC,YAAYR;AAIjC,MAAMS,cAAcP,gBAAgB,kBAAkB,CAACG,QAC5C,WAAP,GACI,oBAACD,eAAaA;QACT,GAAGC,KAAK;QACT,IAAIE,aAAaF,MAAM,IAAI;QAC3B,QAAQA,MAAM,MAAM,GAAGE,aAAaF,MAAM,MAAM,IAAIK;QACpD,OAAOL,MAAM,KAAK,GAAGE,aAAaF,MAAM,KAAK,IAAIK;;AAO7D,MAAMC,mBAAWT,gBAAgB,mBAAmB,CAACG,QAC1C,WAAP,GAAO,oBAACO,UAAYA;QAAE,GAAGP,KAAK;QAAE,OAAOL;;AAK3C,MAAMa,YAAYX,gBAAgB,gBAAgB,CAACG,QACxC,WAAP,GACI,oBAACD,eAAaA;QACT,GAAGC,KAAK;QACT,OAAO;QACP,IAAIE,aAAaF,MAAM,IAAI;QAC3B,QAAQA,MAAM,MAAM,GAAGE,aAAaF,MAAM,MAAM,IAAIK;QACpD,OAAOL,MAAM,KAAK,GAAGE,aAAaF,MAAM,KAAK,IAAIK;;AAKtD,MAAMI,UAAUC,OAAO,MAAM,CAACd,aAAa;IAC9CE,QAAMA;IACN,SAASM;IACTE,UAAAA;IACA,OAAOI,OAAO,MAAM,CAACF,WAAW;QAAEG,KAAGA;IAAC;IACtCC,qBAAmBA;AACvB"}

package/BaseEditor/config/Toolbar/Toolbar.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 import type { ElementProps as BaseElementProps } from "../Element.js";
+import { Layout } from "./Layout.js";
 import type { ElementsProps as BaseElementsProps } from "../Elements.js";
+import { Tab } from "./Tab.js";
 export type ElementProps = Omit<BaseElementProps, "scope" | "id">;
 export type ElementsProps = Omit<BaseElementsProps, "scope">;
 export declare const Toolbar: (() => React.JSX.Element) & {
@@ -22,7 +24,7 @@ export declare const Toolbar: (() => React.JSX.Element) & {
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    Layout: () => React.JSX.Element;
+    Layout: typeof Layout;
     Element: ((props: ElementProps) => React.JSX.Element) & {
         original: (props: ElementProps) => React.JSX.Element;
         originalName: string;
@@ -61,5 +63,5 @@ export declare const Toolbar: (() => React.JSX.Element) & {
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Tab: ({ name, label, icon, element, disabled, visible }: import("./Tab.js").TabProps) => React.JSX.Element;
+    Tab: typeof Tab;
 };

package/BaseEditor/config/TopBar/TopBar.d.ts

@@ -1,11 +1,12 @@
 import React from "react";
 import type { ElementProps as BaseElementProps } from "../Element.js";
 import type { ElementsProps as BaseElementsProps } from "../Elements.js";
+declare const BaseTopBar: () => React.JSX.Element;
 export type ElementProps = Omit<BaseElementProps, "scope" | "id">;
 export type ActionProps = Omit<ElementProps, "group">;
 export type DropdownActionProps = Omit<ElementProps, "group">;
 export type ElementsProps = Omit<BaseElementsProps, "scope">;
-export declare const TopBar: (() => React.JSX.Element) & {
+export declare const TopBar: typeof BaseTopBar & {
     Element: ((props: ElementProps) => React.JSX.Element) & {
         original: (props: ElementProps) => React.JSX.Element;
         originalName: string;
@@ -124,3 +125,4 @@ export declare const TopBar: (() => React.JSX.Element) & {
         MenuLink: (props: import("@webiny/app-admin").OptionsMenuLinkProps) => React.JSX.Element;
     };
 };
+export {};

package/BaseEditor/defaultConfig/Content/AddressBar/PreviewDomain.js

@@ -1,6 +1,6 @@
 import react, { useCallback, useEffect, useState } from "react";
 import { ReactComponent } from "@webiny/icons/language.svg";
-import { Button, DropdownMenu, IconButton, Input, Separator, cn } from "@webiny/admin-ui";
+import { Button, DropdownMenu, IconButton, Input, Separator, Text, Tooltip, cn } from "@webiny/admin-ui";
 import { usePreviewDomain } from "../usePreviewDomain.js";
 import { Bind, Form } from "@webiny/form";
 import { validation } from "@webiny/validation";
@@ -26,20 +26,28 @@ const PreviewDomain = ()=>{
     }, [
         previewDomain
     ]);
-    const classNames = cn("absolute left-0 top-0", isOverridden ? "fill-accent-default" : "");
+    const classNames = cn(isOverridden ? "fill-accent-default" : "");
     return /*#__PURE__*/ react.createElement(DropdownMenu, {
         open: isOpen,
         align: "center",
         side: "bottom",
         className: "shadow-lg",
         onOpenChange: setIsOpen,
-        trigger: /*#__PURE__*/ react.createElement(IconButton, {
-            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
-            size: "md",
-            onClick: ()=>{},
-            variant: "ghost",
-            className: classNames
-        })
+        trigger: /*#__PURE__*/ react.createElement("span", {
+            className: "absolute left-0 top-0"
+        }, /*#__PURE__*/ react.createElement(Tooltip, {
+            content: /*#__PURE__*/ react.createElement(Text, {
+                size: "md"
+            }, "Change preview domain"),
+            side: "bottom",
+            trigger: /*#__PURE__*/ react.createElement(IconButton, {
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                size: "md",
+                onClick: ()=>{},
+                variant: "ghost",
+                className: classNames
+            })
+        }))
     }, /*#__PURE__*/ react.createElement("div", {
         className: "p-sm text-sm",
         style: {

package/BaseEditor/defaultConfig/Content/AddressBar/PreviewDomain.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseEditor/defaultConfig/Content/AddressBar/PreviewDomain.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/AddressBar/PreviewDomain.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { ReactComponent as GlobeIcon } from \"@webiny/icons/language.svg\";\nimport { Button, DropdownMenu, IconButton, Separator, Input, cn } from \"@webiny/admin-ui\";\nimport { usePreviewDomain } from \"../usePreviewDomain.js\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind, Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\n\nexport const PreviewDomain = () => {\n    const editor = useDocumentEditor();\n    const [isOpen, setIsOpen] = useState(false);\n\n    const { previewDomain, isOverridden, unsetPreviewDomain, setPreviewDomain } =\n        usePreviewDomain();\n\n    const commitValue = useCallback((data: GenericFormData) => {\n        const value = data.previewDomain;\n        if (value.length > 0) {\n            setPreviewDomain(value);\n        } else {\n            unsetPreviewDomain();\n        }\n        setIsOpen(false);\n    }, []);\n\n    const resetDomain = useCallback(() => {\n        unsetPreviewDomain();\n        setIsOpen(false);\n    }, []);\n\n    useEffect(() => {\n        if (!previewDomain) {\n            return;\n        }\n\n        editor.executeCommand(Commands.RefreshPreview);\n    }, [previewDomain]);\n\n    const classNames = cn(\"absolute left-0 top-0\", isOverridden ? \"fill-accent-default\" : \"\");\n\n    return (\n        <DropdownMenu\n            open={isOpen}\n            align=\"center\"\n            side=\"bottom\"\n            className={\"shadow-lg\"}\n            onOpenChange={setIsOpen}\n            trigger={\n                <IconButton\n                    icon={<GlobeIcon />}\n                    size=\"md\"\n                    onClick={() => {}}\n                    variant={\"ghost\"}\n                    className={classNames}\n                />\n            }\n        >\n            <div className={\"p-sm text-sm\"} style={{ width: 300 }}>\n                <Form data={{ previewDomain }} onSubmit={commitValue}>\n                    {form => (\n                        <Bind name={\"previewDomain\"} validators={[validation.create(\"url\")]}>\n                            <Input\n                                autoFocus={true}\n                                label={\"Preview Domain\"}\n                                description={\n                                    <>\n                                        Set a custom preview domain for your session.\n                                        <br />\n                                        This doesn&apos;t affect other users.\n                                    </>\n                                }\n                                size={\"md\"}\n                                onBlur={() => form.submit()}\n                                onEnter={() => form.submit()}\n                                note={`Hit \"Enter\" or click outside the menu to apply.`}\n                            />\n                        </Bind>\n                    )}\n                </Form>\n                {isOverridden ? (\n                    <>\n                        <Separator variant={\"dimmed\"} margin={\"lg\"} />\n                        <Button\n                            variant={\"primary\"}\n                            onClick={resetDomain}\n                            text={\"Reset Domain\"}\n                            size={\"sm\"}\n                        />\n                        <Separator variant={\"dimmed\"} margin={\"lg\"} />\n                        Resetting will revert to using the default preview domain.\n                    </>\n                ) : null}\n            </div>\n        </DropdownMenu>\n    );\n};\n"],"names":["PreviewDomain","editor","useDocumentEditor","isOpen","setIsOpen","useState","previewDomain","isOverridden","unsetPreviewDomain","setPreviewDomain","usePreviewDomain","commitValue","useCallback","data","value","resetDomain","useEffect","Commands","classNames","cn","DropdownMenu","IconButton","GlobeIcon","Form","form","Bind","validation","Input","Separator","Button"],"mappings":";;;;;;;;AAUO,MAAMA,gBAAgB;IACzB,MAAMC,SAASC;IACf,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAS;IAErC,MAAM,EAAEC,aAAa,EAAEC,YAAY,EAAEC,kBAAkB,EAAEC,gBAAgB,EAAE,GACvEC;IAEJ,MAAMC,cAAcC,YAAY,CAACC;QAC7B,MAAMC,QAAQD,KAAK,aAAa;QAChC,IAAIC,MAAM,MAAM,GAAG,GACfL,iBAAiBK;aAEjBN;QAEJJ,UAAU;IACd,GAAG,EAAE;IAEL,MAAMW,cAAcH,YAAY;QAC5BJ;QACAJ,UAAU;IACd,GAAG,EAAE;IAELY,UAAU;QACN,IAAI,CAACV,eACD;QAGJL,OAAO,cAAc,CAACgB,SAAS,cAAc;IACjD,GAAG;QAACX;KAAc;IAElB,MAAMY,aAAaC,GAAG,yBAAyBZ,eAAe,wBAAwB;IAEtF,OAAO,WAAP,GACI,oBAACa,cAAYA;QACT,MAAMjB;QACN,OAAM;QACN,MAAK;QACL,WAAW;QACX,cAAcC;QACd,uBACI,oBAACiB,YAAUA;YACP,oBAAM,oBAACC,gBAASA;YAChB,MAAK;YACL,SAAS,KAAO;YAChB,SAAS;YACT,WAAWJ;;qBAInB,oBAAC;QAAI,WAAW;QAAgB,OAAO;YAAE,OAAO;QAAI;qBAChD,oBAACK,MAAIA;QAAC,MAAM;YAAEjB;QAAc;QAAG,UAAUK;OACpCa,CAAAA,OAAAA,WAAAA,GACG,oBAACC,MAAIA;YAAC,MAAM;YAAiB,YAAY;gBAACC,WAAW,MAAM,CAAC;aAAO;yBAC/D,oBAACC,OAAKA;YACF,WAAW;YACX,OAAO;YACP,2BACI,0CAAE,+DAEE,oBAAC,aAAK;YAId,MAAM;YACN,QAAQ,IAAMH,KAAK,MAAM;YACzB,SAAS,IAAMA,KAAK,MAAM;YAC1B,MAAM;cAKrBjB,eAAe,WAAfA,GACG,wDACI,oBAACqB,WAASA;QAAC,SAAS;QAAU,QAAQ;sBACtC,oBAACC,QAAMA;QACH,SAAS;QACT,SAASd;QACT,MAAM;QACN,MAAM;sBAEV,oBAACa,WAASA;QAAC,SAAS;QAAU,QAAQ;QAAQ,gEAGlD;AAIpB"}
+{"version":3,"file":"BaseEditor/defaultConfig/Content/AddressBar/PreviewDomain.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/AddressBar/PreviewDomain.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { ReactComponent as GlobeIcon } from \"@webiny/icons/language.svg\";\nimport {\n    Button,\n    DropdownMenu,\n    IconButton,\n    Separator,\n    Input,\n    Text,\n    Tooltip,\n    cn\n} from \"@webiny/admin-ui\";\nimport { usePreviewDomain } from \"../usePreviewDomain.js\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { Bind, Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\n\nexport const PreviewDomain = () => {\n    const editor = useDocumentEditor();\n    const [isOpen, setIsOpen] = useState(false);\n\n    const { previewDomain, isOverridden, unsetPreviewDomain, setPreviewDomain } =\n        usePreviewDomain();\n\n    const commitValue = useCallback((data: GenericFormData) => {\n        const value = data.previewDomain;\n        if (value.length > 0) {\n            setPreviewDomain(value);\n        } else {\n            unsetPreviewDomain();\n        }\n        setIsOpen(false);\n    }, []);\n\n    const resetDomain = useCallback(() => {\n        unsetPreviewDomain();\n        setIsOpen(false);\n    }, []);\n\n    useEffect(() => {\n        if (!previewDomain) {\n            return;\n        }\n\n        editor.executeCommand(Commands.RefreshPreview);\n    }, [previewDomain]);\n\n    const classNames = cn(isOverridden ? \"fill-accent-default\" : \"\");\n\n    return (\n        <DropdownMenu\n            open={isOpen}\n            align=\"center\"\n            side=\"bottom\"\n            className={\"shadow-lg\"}\n            onOpenChange={setIsOpen}\n            trigger={\n                // The button is absolutely positioned to overlay the address bar's left\n                // padding. The `absolute` lives on this wrapper (not the button) so the\n                // Tooltip trigger keeps a non-zero box to anchor to.\n                <span className={\"absolute left-0 top-0\"}>\n                    <Tooltip\n                        content={<Text size=\"md\">Change preview domain</Text>}\n                        side=\"bottom\"\n                        trigger={\n                            <IconButton\n                                icon={<GlobeIcon />}\n                                size=\"md\"\n                                onClick={() => {}}\n                                variant={\"ghost\"}\n                                className={classNames}\n                            />\n                        }\n                    />\n                </span>\n            }\n        >\n            <div className={\"p-sm text-sm\"} style={{ width: 300 }}>\n                <Form data={{ previewDomain }} onSubmit={commitValue}>\n                    {form => (\n                        <Bind name={\"previewDomain\"} validators={[validation.create(\"url\")]}>\n                            <Input\n                                autoFocus={true}\n                                label={\"Preview Domain\"}\n                                description={\n                                    <>\n                                        Set a custom preview domain for your session.\n                                        <br />\n                                        This doesn&apos;t affect other users.\n                                    </>\n                                }\n                                size={\"md\"}\n                                onBlur={() => form.submit()}\n                                onEnter={() => form.submit()}\n                                note={`Hit \"Enter\" or click outside the menu to apply.`}\n                            />\n                        </Bind>\n                    )}\n                </Form>\n                {isOverridden ? (\n                    <>\n                        <Separator variant={\"dimmed\"} margin={\"lg\"} />\n                        <Button\n                            variant={\"primary\"}\n                            onClick={resetDomain}\n                            text={\"Reset Domain\"}\n                            size={\"sm\"}\n                        />\n                        <Separator variant={\"dimmed\"} margin={\"lg\"} />\n                        Resetting will revert to using the default preview domain.\n                    </>\n                ) : null}\n            </div>\n        </DropdownMenu>\n    );\n};\n"],"names":["PreviewDomain","editor","useDocumentEditor","isOpen","setIsOpen","useState","previewDomain","isOverridden","unsetPreviewDomain","setPreviewDomain","usePreviewDomain","commitValue","useCallback","data","value","resetDomain","useEffect","Commands","classNames","cn","DropdownMenu","Tooltip","Text","IconButton","GlobeIcon","Form","form","Bind","validation","Input","Separator","Button"],"mappings":";;;;;;;;AAmBO,MAAMA,gBAAgB;IACzB,MAAMC,SAASC;IACf,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAS;IAErC,MAAM,EAAEC,aAAa,EAAEC,YAAY,EAAEC,kBAAkB,EAAEC,gBAAgB,EAAE,GACvEC;IAEJ,MAAMC,cAAcC,YAAY,CAACC;QAC7B,MAAMC,QAAQD,KAAK,aAAa;QAChC,IAAIC,MAAM,MAAM,GAAG,GACfL,iBAAiBK;aAEjBN;QAEJJ,UAAU;IACd,GAAG,EAAE;IAEL,MAAMW,cAAcH,YAAY;QAC5BJ;QACAJ,UAAU;IACd,GAAG,EAAE;IAELY,UAAU;QACN,IAAI,CAACV,eACD;QAGJL,OAAO,cAAc,CAACgB,SAAS,cAAc;IACjD,GAAG;QAACX;KAAc;IAElB,MAAMY,aAAaC,GAAGZ,eAAe,wBAAwB;IAE7D,OAAO,WAAP,GACI,oBAACa,cAAYA;QACT,MAAMjB;QACN,OAAM;QACN,MAAK;QACL,WAAW;QACX,cAAcC;QACd,S,cAII,oBAAC;YAAK,WAAW;yBACb,oBAACiB,SAAOA;YACJ,uBAAS,oBAACC,MAAIA;gBAAC,MAAK;eAAK;YACzB,MAAK;YACL,uBACI,oBAACC,YAAUA;gBACP,oBAAM,oBAACC,gBAASA;gBAChB,MAAK;gBACL,SAAS,KAAO;gBAChB,SAAS;gBACT,WAAWN;;;qBAO/B,oBAAC;QAAI,WAAW;QAAgB,OAAO;YAAE,OAAO;QAAI;qBAChD,oBAACO,MAAIA;QAAC,MAAM;YAAEnB;QAAc;QAAG,UAAUK;OACpCe,CAAAA,OAAAA,WAAAA,GACG,oBAACC,MAAIA;YAAC,MAAM;YAAiB,YAAY;gBAACC,WAAW,MAAM,CAAC;aAAO;yBAC/D,oBAACC,OAAKA;YACF,WAAW;YACX,OAAO;YACP,2BACI,0CAAE,+DAEE,oBAAC,aAAK;YAId,MAAM;YACN,QAAQ,IAAMH,KAAK,MAAM;YACzB,SAAS,IAAMA,KAAK,MAAM;YAC1B,MAAM;cAKrBnB,eAAe,WAAfA,GACG,wDACI,oBAACuB,WAASA;QAAC,SAAS;QAAU,QAAQ;sBACtC,oBAACC,QAAMA;QACH,SAAS;QACT,SAAShB;QACT,MAAM;QACN,MAAM;sBAEV,oBAACe,WAASA;QAAC,SAAS;QAAU,QAAQ;QAAQ,gEAGlD;AAIpB"}

package/BaseEditor/defaultConfig/Content/usePreviewDomain.d.ts

@@ -6,5 +6,5 @@ export declare const usePreviewDomain: () => {
     previewDomain: string;
     setPreviewDomain: (domain: string) => void;
     unsetPreviewDomain: () => void;
-    isOverridden: boolean | "" | null;
+    isOverridden: "" | boolean | null;
 };

package/BaseEditor/defaultConfig/Content/usePreviewDomain.js

@@ -1,7 +1,9 @@
 import { useCallback, useEffect, useState } from "react";
-import { useGetWebsiteBuilderSettings } from "../../../features/index.js";
+import { useFeature } from "@webiny/app";
+import { GetSettingsFeature } from "../../../features/settings/getSettings/index.js";
 import { useSubscribeToLocalStorage } from "./useSubscribeToLocalStorage.js";
 const CUSTOM_PREVIEW_DOMAIN = "webiny_wb_custom_preview_domain";
+const normalizePreviewDomain = (domain)=>domain.replace(/\/+$/, "");
 const usePreviewDomain = ()=>{
     const [previewDomain, setDomainFromSettings] = useState("");
     const [customDomain, setCustomDomain] = useState(()=>window.localStorage.getItem(CUSTOM_PREVIEW_DOMAIN));
@@ -17,14 +19,14 @@ const usePreviewDomain = ()=>{
     const unsetPreviewDomain = useCallback(()=>{
         localStorage.unset();
     }, []);
-    const { getSettings } = useGetWebsiteBuilderSettings();
+    const { useCase: getSettings } = useFeature(GetSettingsFeature);
     useEffect(()=>{
-        getSettings().then((settings)=>{
+        getSettings.execute().then((settings)=>{
             setDomainFromSettings(settings.previewDomain ?? "http://localhost:3000");
         });
     }, []);
     return {
-        previewDomain: customDomain ?? previewDomain,
+        previewDomain: normalizePreviewDomain(customDomain ?? previewDomain),
         setPreviewDomain,
         unsetPreviewDomain,
         isOverridden: customDomain && customDomain !== previewDomain

package/BaseEditor/defaultConfig/Content/usePreviewDomain.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseEditor/defaultConfig/Content/usePreviewDomain.js","sources":["../../../../src/BaseEditor/defaultConfig/Content/usePreviewDomain.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { useGetWebsiteBuilderSettings } from \"~/features/index.js\";\nimport { useSubscribeToLocalStorage } from \"./useSubscribeToLocalStorage.js\";\n\nconst CUSTOM_PREVIEW_DOMAIN = \"webiny_wb_custom_preview_domain\";\n\n/**\n * This hook loads preview domain from settings, and also takes into account the override\n * via localstorage, which is a developers-only feature.\n */\nexport const usePreviewDomain = () => {\n    const [previewDomain, setDomainFromSettings] = useState<string>(\"\");\n\n    const [customDomain, setCustomDomain] = useState(() =>\n        window.localStorage.getItem(CUSTOM_PREVIEW_DOMAIN)\n    );\n\n    const localStorage = useSubscribeToLocalStorage(CUSTOM_PREVIEW_DOMAIN, newValue => {\n        setCustomDomain(newValue);\n    });\n\n    const setPreviewDomain = useCallback(\n        (domain: string) => {\n            if (domain === previewDomain) {\n                localStorage.unset();\n            } else {\n                localStorage.set(domain);\n            }\n        },\n        [previewDomain]\n    );\n\n    const unsetPreviewDomain = useCallback(() => {\n        localStorage.unset();\n    }, []);\n\n    const { getSettings } = useGetWebsiteBuilderSettings();\n\n    useEffect(() => {\n        getSettings().then(settings => {\n            setDomainFromSettings(settings.previewDomain ?? \"http://localhost:3000\");\n        });\n    }, []);\n\n    return {\n        previewDomain: customDomain ?? previewDomain,\n        setPreviewDomain,\n        unsetPreviewDomain,\n        isOverridden: customDomain && customDomain !== previewDomain\n    };\n};\n"],"names":["CUSTOM_PREVIEW_DOMAIN","usePreviewDomain","previewDomain","setDomainFromSettings","useState","customDomain","setCustomDomain","window","localStorage","useSubscribeToLocalStorage","newValue","setPreviewDomain","useCallback","domain","unsetPreviewDomain","getSettings","useGetWebsiteBuilderSettings","useEffect","settings"],"mappings":";;;AAIA,MAAMA,wBAAwB;AAMvB,MAAMC,mBAAmB;IAC5B,MAAM,CAACC,eAAeC,sBAAsB,GAAGC,SAAiB;IAEhE,MAAM,CAACC,cAAcC,gBAAgB,GAAGF,SAAS,IAC7CG,OAAO,YAAY,CAAC,OAAO,CAACP;IAGhC,MAAMQ,eAAeC,2BAA2BT,uBAAuBU,CAAAA;QACnEJ,gBAAgBI;IACpB;IAEA,MAAMC,mBAAmBC,YACrB,CAACC;QACG,IAAIA,WAAWX,eACXM,aAAa,KAAK;aAElBA,aAAa,GAAG,CAACK;IAEzB,GACA;QAACX;KAAc;IAGnB,MAAMY,qBAAqBF,YAAY;QACnCJ,aAAa,KAAK;IACtB,GAAG,EAAE;IAEL,MAAM,EAAEO,WAAW,EAAE,GAAGC;IAExBC,UAAU;QACNF,cAAc,IAAI,CAACG,CAAAA;YACff,sBAAsBe,SAAS,aAAa,IAAI;QACpD;IACJ,GAAG,EAAE;IAEL,OAAO;QACH,eAAeb,gBAAgBH;QAC/BS;QACAG;QACA,cAAcT,gBAAgBA,iBAAiBH;IACnD;AACJ"}
+{"version":3,"file":"BaseEditor/defaultConfig/Content/usePreviewDomain.js","sources":["../../../../src/BaseEditor/defaultConfig/Content/usePreviewDomain.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { GetSettingsFeature } from \"~/features/settings/getSettings/index.js\";\nimport { useSubscribeToLocalStorage } from \"./useSubscribeToLocalStorage.js\";\n\nconst CUSTOM_PREVIEW_DOMAIN = \"webiny_wb_custom_preview_domain\";\n\n/**\n * Removes trailing slashes from the preview domain, so that concatenating it with a page path\n * (which always starts with a slash) never produces a double slash.\n *\n * We normalize here, at the single point where the domain is read, rather than where it's written.\n * The domain can come from two different sources: the saved settings value (`getSettings`) and the\n * dev-only session override stored in localStorage (`setPreviewDomain`). Normalizing on read covers\n * both sources in one place, and also fixes any values that were already stored with a trailing\n * slash before this normalization existed.\n */\nconst normalizePreviewDomain = (domain: string) => domain.replace(/\\/+$/, \"\");\n\n/**\n * This hook loads preview domain from settings, and also takes into account the override\n * via localstorage, which is a developers-only feature.\n */\nexport const usePreviewDomain = () => {\n    const [previewDomain, setDomainFromSettings] = useState<string>(\"\");\n\n    const [customDomain, setCustomDomain] = useState(() =>\n        window.localStorage.getItem(CUSTOM_PREVIEW_DOMAIN)\n    );\n\n    const localStorage = useSubscribeToLocalStorage(CUSTOM_PREVIEW_DOMAIN, newValue => {\n        setCustomDomain(newValue);\n    });\n\n    const setPreviewDomain = useCallback(\n        (domain: string) => {\n            if (domain === previewDomain) {\n                localStorage.unset();\n            } else {\n                localStorage.set(domain);\n            }\n        },\n        [previewDomain]\n    );\n\n    const unsetPreviewDomain = useCallback(() => {\n        localStorage.unset();\n    }, []);\n\n    const { useCase: getSettings } = useFeature(GetSettingsFeature);\n\n    useEffect(() => {\n        getSettings.execute().then(settings => {\n            setDomainFromSettings(settings.previewDomain ?? \"http://localhost:3000\");\n        });\n    }, []);\n\n    return {\n        previewDomain: normalizePreviewDomain(customDomain ?? previewDomain),\n        setPreviewDomain,\n        unsetPreviewDomain,\n        isOverridden: customDomain && customDomain !== previewDomain\n    };\n};\n"],"names":["CUSTOM_PREVIEW_DOMAIN","normalizePreviewDomain","domain","usePreviewDomain","previewDomain","setDomainFromSettings","useState","customDomain","setCustomDomain","window","localStorage","useSubscribeToLocalStorage","newValue","setPreviewDomain","useCallback","unsetPreviewDomain","getSettings","useFeature","GetSettingsFeature","useEffect","settings"],"mappings":";;;;AAKA,MAAMA,wBAAwB;AAY9B,MAAMC,yBAAyB,CAACC,SAAmBA,OAAO,OAAO,CAAC,QAAQ;AAMnE,MAAMC,mBAAmB;IAC5B,MAAM,CAACC,eAAeC,sBAAsB,GAAGC,SAAiB;IAEhE,MAAM,CAACC,cAAcC,gBAAgB,GAAGF,SAAS,IAC7CG,OAAO,YAAY,CAAC,OAAO,CAACT;IAGhC,MAAMU,eAAeC,2BAA2BX,uBAAuBY,CAAAA;QACnEJ,gBAAgBI;IACpB;IAEA,MAAMC,mBAAmBC,YACrB,CAACZ;QACG,IAAIA,WAAWE,eACXM,aAAa,KAAK;aAElBA,aAAa,GAAG,CAACR;IAEzB,GACA;QAACE;KAAc;IAGnB,MAAMW,qBAAqBD,YAAY;QACnCJ,aAAa,KAAK;IACtB,GAAG,EAAE;IAEL,MAAM,EAAE,SAASM,WAAW,EAAE,GAAGC,WAAWC;IAE5CC,UAAU;QACNH,YAAY,OAAO,GAAG,IAAI,CAACI,CAAAA;YACvBf,sBAAsBe,SAAS,aAAa,IAAI;QACpD;IACJ,GAAG,EAAE;IAEL,OAAO;QACH,eAAenB,uBAAuBM,gBAAgBH;QACtDS;QACAE;QACA,cAAcR,gBAAgBA,iBAAiBH;IACnD;AACJ"}

package/BaseEditor/defaultConfig/DefaultEditorConfig.js

@@ -10,8 +10,6 @@ import { CommandHandlers } from "../commandHandlers/index.js";
 import { ElementSettings } from "./Sidebar/ElementSettings/ElementSettings.js";
 import { ElementInputRenderers } from "./ElementInputRenderers.js";
 import { ContentPreviewConfig } from "./Content/ContentPreviewConfig.js";
-import { CloneElementAction } from "./Sidebar/ElementActions/CloneElementAction.js";
-import { DeleteElementAction } from "./Sidebar/ElementActions/DeleteElementAction.js";
 const { Ui: Ui } = EditorConfig;
 const ClickToActivate = ()=>/*#__PURE__*/ react.createElement(Ui.NoActiveElement, null, /*#__PURE__*/ react.createElement(SidebarEmptyState, {
         message: "Select an element in the canvas to edit properties."
@@ -46,13 +44,6 @@ const DefaultEditorConfig = /*#__PURE__*/ react.memo(()=>/*#__PURE__*/ react.cre
         name: "elementSettings",
         group: "element",
         element: /*#__PURE__*/ react.createElement(Ui.OnActiveElement, null, /*#__PURE__*/ react.createElement(ElementSettings, null))
-    }), /*#__PURE__*/ react.createElement(EditorConfig.ElementAction, {
-        name: "cloneElement",
-        element: /*#__PURE__*/ react.createElement(CloneElementAction, null)
-    }), /*#__PURE__*/ react.createElement(EditorConfig.ElementAction, {
-        name: "deleteElement",
-        element: /*#__PURE__*/ react.createElement(DeleteElementAction, null),
-        after: "cloneElement"
     }))));
 DefaultEditorConfig.displayName = "DefaultEditorConfig";
 export { DefaultEditorConfig };