npm - @webiny/app-website-builder - Versions diffs - 6.4.12-beta.5 → 6.5.0-beta.1 - Mend

@webiny/app-website-builder 6.4.12-beta.5 → 6.5.0-beta.1

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 (1656) hide show

package/BaseEditor/components/Draggable.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 {\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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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\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/Sidebar/Tab.d.ts CHANGED Viewed

@@ -1,4 +1,8 @@
 import React from "react";
+export declare const TabContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export interface TabProps {
     name: string;
     label: string;

package/BaseEditor/config/Sidebar/Tab.js CHANGED Viewed

@@ -1,15 +1,31 @@
 import react from "react";
-import { FillViewportHeight, ScrollArea, SegmentedControl } from "@webiny/admin-ui";
+import styled from "@emotion/styled";
+import { SegmentedControl } from "@webiny/admin-ui";
+const TabContainer = styled("div")({
+    display: "flex",
+    position: "relative",
+    flexDirection: "column",
+    height: "calc(100vh - 44px - 49px)",
+    overflowY: "auto",
+    "&::-webkit-scrollbar": {
+        width: 1
+    },
+    "&::-webkit-scrollbar-track": {
+        boxShadow: "inset 0 0 6px rgba(0, 0, 0, 0.3)"
+    },
+    "&::-webkit-scrollbar-thumb": {
+        backgroundColor: "darkgrey",
+        outline: "1px solid slategrey"
+    }
+});
 const Tab = ({ name, label, icon, disabled, element, visible })=>/*#__PURE__*/ react.createElement(SegmentedControl.Tabs.Tab, {
         value: name,
         trigger: label,
         icon: icon,
         disabled: disabled,
         visible: visible,
-        content: /*#__PURE__*/ react.createElement(FillViewportHeight, null, /*#__PURE__*/ react.createElement(ScrollArea, {
-            className: "h-full"
-        }, element))
+        content: /*#__PURE__*/ react.createElement(TabContainer, null, element)
     });
-export { Tab };
+export { Tab, TabContainer };
 //# sourceMappingURL=Tab.js.map

package/BaseEditor/config/Sidebar/Tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseEditor/config/Sidebar/Tab.js","sources":["../../../../src/BaseEditor/config/Sidebar/Tab.tsx"],"sourcesContent":["import React from \"react\";\nimport { ~~FillViewportHeight,~~ ~~ScrollArea,~~ SegmentedControl } from \"@webiny/admin-ui\";\n\nexport interface TabProps {\n name: string;\n label: string;\n icon?: React.ReactElement;\n element: React.JSX.Element;\n disabled?: boolean;\n visible?: boolean;\n}\n\nexport const Tab = ({ name, label, icon, disabled, element, visible }: TabProps) => {\n return (\n <SegmentedControl.Tabs.Tab\n value={name}\n trigger={label}\n icon={icon}\n disabled={disabled}\n visible={visible}\n // Same pattern as the Insert panel: FillViewportHeight sizes the region to the space\n // from its own top edge down to the viewport bottom (no hardcoded offsets), and the\n // ScrollArea scrolls the content ~~within it.\n content~~={\n <~~FillViewportHeight>\n <ScrollArea className={\"h-full\"}~~>{element}</~~ScrollArea>\n </FillViewportHeight>\n~~ }\n />\n );\n};\n"],"names":["Tab","name","label","icon","disabled","element","visible","SegmentedControl"~~,"FillViewportHeight","ScrollArea"~~],"mappings":"~~;;AAYO~~,MAAMA,MAAM,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAY,GACpE,WAAP,GACI,oBAACC,iBAAiB,IAAI,CAAC,GAAG;QACtB,OAAON;QACP,SAASC;QACT,MAAMC;QACN,UAAUC;QACV,SAASE;~~QAIT~~,~~uBACI~~,~~oBAACE~~,~~oBAAkBA~~,~~MAAAA,WAAAA,GACf,oBAACC,YAAUA;YAAC,WAAW;WAAWJ~~"}
1	+ {"version":3,"file":"BaseEditor/config/Sidebar/Tab.js","sources":["../../../../src/BaseEditor/config/Sidebar/Tab.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { SegmentedControl } from \"@webiny/admin-ui\";\n\nexport const TabContainer = styled(\"div\")({\n display: \"flex\",\n position: \"relative\",\n flexDirection: \"column\",\n height: \"calc(100vh - 44px - 49px)\", // Subtract top-bar and tab-header height\n overflowY: \"auto\",\n // Style scrollbar\n \"&::-webkit-scrollbar\": {\n width: 1\n },\n \"&::-webkit-scrollbar-track\": {\n boxShadow: \"inset 0 0 6px rgba(0, 0, 0, 0.3)\"\n },\n \"&::-webkit-scrollbar-thumb\": {\n backgroundColor: \"darkgrey\",\n outline: \"1px solid slategrey\"\n }\n});\n\nexport interface TabProps {\n name: string;\n label: string;\n icon?: React.ReactElement;\n element: React.JSX.Element;\n disabled?: boolean;\n visible?: boolean;\n}\n\nexport const Tab = ({ name, label, icon, disabled, element, visible }: TabProps) => {\n return (\n <SegmentedControl.Tabs.Tab\n value={name}\n trigger={label}\n icon={icon}\n disabled={disabled}\n visible={visible}\n content={<TabContainer>{element}</TabContainer>}\n />\n );\n};\n"],"names":["TabContainer","styled","Tab","name","label","icon","disabled","element","visible","SegmentedControl"],"mappings":";;;AAIO,MAAMA,eAAeC,OAAO,OAAO;IACtC,SAAS;IACT,UAAU;IACV,eAAe;IACf,QAAQ;IACR,WAAW;IAEX,wBAAwB;QACpB,OAAO;IACX;IACA,8BAA8B;QAC1B,WAAW;IACf;IACA,8BAA8B;QAC1B,iBAAiB;QACjB,SAAS;IACb;AACJ;AAWO,MAAMC,MAAM,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAY,GACpE,WAAP,GACI,oBAACC,iBAAiB,IAAI,CAAC,GAAG;QACtB,OAAON;QACP,SAASC;QACT,MAAMC;QACN,UAAUC;QACV,SAASE;QACT,uBAAS,oBAACR,cAAYA,MAAEO"}

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

@@ -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 CHANGED Viewed

@@ -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/usePreviewLink.js CHANGED Viewed

@@ -18,7 +18,10 @@ const usePreviewLink = ()=>{
         url.searchParams.set("wb.path", path);
         return url.toString();
     }, [
-        iframeUrl
+        iframeUrl,
+        id,
+        path,
+        documentType
     ]);
 };
 export { usePreviewLink };

package/BaseEditor/defaultConfig/Content/AddressBar/usePreviewLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseEditor/defaultConfig/Content/AddressBar/usePreviewLink.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/AddressBar/usePreviewLink.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useIframeUrl } from \"~/BaseEditor/defaultConfig/Content/Preview/useIframeUrl.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\n\nexport const usePreviewLink = () => {\n const iframeUrl = useIframeUrl();\n const id = useSelectFromDocument(document => document.id);\n const path = useSelectFromDocument(document => document.properties.path);\n const documentType = useSelectFromDocument(document => document.metadata.documentType);\n\n return useMemo(() => {\n if (!iframeUrl) {\n return \"\";\n }\n const url = new URL(iframeUrl);\n\n // Remove all `wb.` params\n url.searchParams.forEach((_, key) => {\n if (key.startsWith(\"wb.\")) {\n url.searchParams.delete(key);\n }\n });\n\n // Add preview params\n url.searchParams.set(\"wb.preview\", \"true\");\n url.searchParams.set(\"wb.type\", documentType);\n url.searchParams.set(\"wb.id\", String(id));\n url.searchParams.set(\"wb.path\", path);\n return url.toString();\n }, [iframeUrl]);\n};\n"],"names":["usePreviewLink","iframeUrl","useIframeUrl","id","useSelectFromDocument","document","path","documentType","useMemo","url","URL","_","key","String"],"mappings":";;;AAIO,MAAMA,iBAAiB;IAC1B,MAAMC,YAAYC;IAClB,MAAMC,KAAKC,sBAAsBC,CAAAA,WAAYA,SAAS,EAAE;IACxD,MAAMC,OAAOF,sBAAsBC,CAAAA,WAAYA,SAAS,UAAU,CAAC,IAAI;IACvE,MAAME,eAAeH,sBAAsBC,CAAAA,WAAYA,SAAS,QAAQ,CAAC,YAAY;~~IAErF~~,OAAOG,QAAQ;QACX,IAAI,CAACP,WACD,OAAO;QAEX,MAAMQ,MAAM,IAAIC,IAAIT;QAGpBQ,IAAI,YAAY,CAAC,OAAO,CAAC,CAACE,GAAGC;YACzB,IAAIA,IAAI,UAAU,CAAC,QACfH,IAAI,YAAY,CAAC,MAAM,CAACG;QAEhC;~~QAGAH~~,IAAI,YAAY,CAAC,GAAG,CAAC,cAAc;QACnCA,IAAI,YAAY,CAAC,GAAG,CAAC,WAAWF;QAChCE,IAAI,YAAY,CAAC,GAAG,CAAC,SAASI,OAAOV;QACrCM,IAAI,YAAY,CAAC,GAAG,CAAC,WAAWH;QAChC,OAAOG,IAAI,QAAQ;IACvB,GAAG;QAACR;~~KAAU~~;~~AAClB~~"}
1	+ {"version":3,"file":"BaseEditor/defaultConfig/Content/AddressBar/usePreviewLink.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/AddressBar/usePreviewLink.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useIframeUrl } from \"~/BaseEditor/defaultConfig/Content/Preview/useIframeUrl.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\n\nexport const usePreviewLink = () => {\n const iframeUrl = useIframeUrl();\n const id = useSelectFromDocument(document => document.id);\n const path = useSelectFromDocument(document => document.properties.path);\n const documentType = useSelectFromDocument(document => document.metadata.documentType);\n // // Set when the edited document is an A/B variant (see variantDocument.ts). When present, the\n // // preview must open the variant's draft — not the page the document borrows its identity from.\n // const previewVariantId = useSelectFromDocument(\n // document =>\n // (document.metadata as Record<string, any>).wbVariantPreviewId as string \| undefined\n // );\n\n return useMemo(() => {\n if (!iframeUrl) {\n return \"\";\n }\n const url = new URL(iframeUrl);\n\n // Remove all `wb.` params\n url.searchParams.forEach((_, key) => {\n if (key.startsWith(\"wb.\")) {\n url.searchParams.delete(key);\n }\n });\n\n // if (previewVariantId) {\n // // Variant draft preview — the site renders this variant's draft content on its page.\n // url.searchParams.set(\"wb-variant-draft\", previewVariantId);\n // return url.toString();\n // }\n\n // Add preview params\n url.searchParams.set(\"wb.preview\", \"true\");\n url.searchParams.set(\"wb.type\", documentType);\n url.searchParams.set(\"wb.id\", String(id));\n url.searchParams.set(\"wb.path\", path);\n return url.toString();\n }, [iframeUrl, id, path, documentType /previewVariantId/]);\n};\n"],"names":["usePreviewLink","iframeUrl","useIframeUrl","id","useSelectFromDocument","document","path","documentType","useMemo","url","URL","_","key","String"],"mappings":";;;AAIO,MAAMA,iBAAiB;IAC1B,MAAMC,YAAYC;IAClB,MAAMC,KAAKC,sBAAsBC,CAAAA,WAAYA,SAAS,EAAE;IACxD,MAAMC,OAAOF,sBAAsBC,CAAAA,WAAYA,SAAS,UAAU,CAAC,IAAI;IACvE,MAAME,eAAeH,sBAAsBC,CAAAA,WAAYA,SAAS,QAAQ,CAAC,YAAY;IAQrF,OAAOG,QAAQ;QACX,IAAI,CAACP,WACD,OAAO;QAEX,MAAMQ,MAAM,IAAIC,IAAIT;QAGpBQ,IAAI,YAAY,CAAC,OAAO,CAAC,CAACE,GAAGC;YACzB,IAAIA,IAAI,UAAU,CAAC,QACfH,IAAI,YAAY,CAAC,MAAM,CAACG;QAEhC;QASAH,IAAI,YAAY,CAAC,GAAG,CAAC,cAAc;QACnCA,IAAI,YAAY,CAAC,GAAG,CAAC,WAAWF;QAChCE,IAAI,YAAY,CAAC,GAAG,CAAC,SAASI,OAAOV;QACrCM,IAAI,YAAY,CAAC,GAAG,CAAC,WAAWH;QAChC,OAAOG,IAAI,QAAQ;IACvB,GAAG;QAACR;QAAWE;QAAIG;QAAMC;KAAkC;AAC/D"}

package/BaseEditor/defaultConfig/Content/Preview/DropZoneManager.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseEditor/defaultConfig/Content/Preview/DropZoneManager.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/Preview/DropZoneManager.ts"],"sourcesContent":["import type { Box } from \"./Box.js\";\n\ntype DropPosition = number \| null;\ntype MatchChangeCallback = (hasMatch: boolean) => void;\n\nexport interface DropZoneProximity {\n box: Box;\n position: DropPosition;\n}\n\ninterface DropzoneEntry {\n id: string;\n box: Box;\n canAccept?: () => boolean;\n onProximityChange: (proximity: DropZoneProximity \| null) => void;\n}\n\nexport class DropZoneManager {\n private zones = new Map<string, DropzoneEntry>();\n private currentTargetId: string \| null = null;\n private currentPosition: DropPosition = null;\n private animationFrame: number \| null = null;\n private currentBox: Box \| null = null;\n private matchCallbacks = new Set<MatchChangeCallback>();\n\n constructor(private mouse: { x: number; y: number }) {}\n\n register(entry: DropzoneEntry) {\n if (entry.id === \"root\") {\n return;\n }\n\n this.zones.set(entry.id, entry);\n }\n\n unregister(id: string) {\n this.zones.delete(id);\n }\n\n subscribeToMatchChange(cb: MatchChangeCallback): () => void {\n this.matchCallbacks.add(cb);\n return () => this.matchCallbacks.delete(cb);\n }\n\n start() {\n const runDropzoneLoop = () => {\n this.tick();\n this.animationFrame = requestAnimationFrame(runDropzoneLoop);\n };\n this.animationFrame = requestAnimationFrame(runDropzoneLoop);\n }\n\n stop() {\n if (this.animationFrame) {\n cancelAnimationFrame(this.animationFrame);\n }\n }\n\n getLastMatchedPosition() {\n if (!this.currentBox) {\n return null;\n }\n\n return {\n parentId: this.currentBox.parentId,\n slot: this.currentBox.parentSlot,\n index: this.currentBox.parentIndex + (this.currentPosition ?? 0)\n };\n }\n\n tick() {\n const scrollYOffset = this.getScrollOffset();\n const threshold = 10;\n const mouseX = this.mouse.x;\n const mouseY = this.mouse.y + scrollYOffset;\n\n let matchedId: string \| null = null;\n let matchedPosition: DropPosition = null;\n let matchedBox: Box \| null = null;\n\n // Collect all candidate matches with their canAccept callback.\n const candidates: { id: string; box: Box; position: number; canAccept?: () => boolean }[] =\n [];\n\n for (const [id, { box, canAccept }] of this.zones) {\n const isWithinX = mouseX >= box.left && mouseX <= box.right;\n\n if (!isWithinX) {\n continue;\n }\n\n if (Math.abs(mouseY - box.top) <= threshold) {\n candidates.push({ id, box, position: 0, canAccept });\n }\n\n if (Math.abs(mouseY - box.bottom) <= threshold) {\n candidates.push({ id, box, position: 1, canAccept });\n }\n }\n\n if (candidates.length > 0) {\n // Filter to only eligible candidates.\n const eligible = candidates.filter(c => !c.canAccept \|\| c.canAccept());\n\n if (eligible.length > 0) {\n const uniqueDepths = [...new Set(eligible.map(c => c.box.depth))].sort(\n (a, b) => b - a\n );\n\n if (uniqueDepths.length === 1) {\n const winner = eligible[0];\n matchedId = winner.id;\n matchedPosition = winner.position;\n matchedBox = winner.box;\n } else {\n // Use X position to select depth band among eligible candidates only.\n let rangeLeft = Infinity;\n let rangeRight = -Infinity;\n for (const c of eligible) {\n rangeLeft = Math.min(rangeLeft, c.box.left);\n rangeRight = Math.max(rangeRight, c.box.right);\n }\n\n const centerX = (rangeLeft + rangeRight) / 2;\n const halfWidth = (rangeRight - rangeLeft) / 2;\n\n // 0 at center, 1 at edges.\n const distFromCenter =\n halfWidth > 0 ? Math.abs(mouseX - centerX) / halfWidth : 0;\n\n // Map distance to depth index: center → 0 (deepest), edges → last (shallowest).\n const depthIndex = Math.min(\n Math.floor(distFromCenter * uniqueDepths.length),\n uniqueDepths.length - 1\n );\n\n const winner = eligible.find(c => c.box.depth === uniqueDepths[depthIndex]);\n if (winner) {\n matchedId = winner.id;\n matchedPosition = winner.position;\n matchedBox = winner.box;\n }\n }\n }\n }\n\n if (matchedId !== this.currentTargetId \|\| matchedPosition !== this.currentPosition) {\n this.currentTargetId = matchedId;\n this.currentPosition = matchedPosition;\n this.currentBox = matchedBox;\n\n this.matchCallbacks.forEach(cb => cb(matchedId !== null));\n\n for (const [id, entry] of this.zones) {\n const isTarget = id === matchedId;\n entry.onProximityChange(\n isTarget ? { box: matchedBox!, position: matchedPosition } : null\n );\n }\n }\n }\n\n private getScrollOffset() {\n const container = document.getElementById(\"preview-container\");\n if (!container) {\n return 0;\n }\n\n return container.scrollTop;\n }\n}\n"],"names":["DropZoneManager","mouse","Map","Set","entry","id","cb","runDropzoneLoop","requestAnimationFrame","cancelAnimationFrame","scrollYOffset","threshold","mouseX","mouseY","matchedId","matchedPosition","matchedBox","candidates","box","canAccept","isWithinX","Math","eligible","c","uniqueDepths","a","b","winner","rangeLeft","Infinity","rangeRight","centerX","halfWidth","distFromCenter","depthIndex","isTarget","container","document"],"mappings":"AAiBO,MAAMA;IAQT,YAAoBC,KAA+B,CAAE;aAAjCA,KAAK,GAALA;aAPZ,KAAK,GAAG,IAAIC;aACZ,eAAe,GAAkB;aACjC,eAAe,GAAiB;aAChC,cAAc,GAAkB;aAChC,UAAU,GAAe;aACzB,cAAc,GAAG,IAAIC;IAEyB;IAEtD,SAASC,KAAoB,EAAE;QAC3B,IAAIA,AAAa,WAAbA,MAAM,EAAE,EACR;QAGJ,IAAI,CAAC,KAAK,CAAC,GAAG,CAACA,MAAM,EAAE,EAAEA;IAC7B;IAEA,WAAWC,EAAU,EAAE;QACnB,IAAI,CAAC,KAAK,CAAC,MAAM,CAACA;IACtB;IAEA,uBAAuBC,EAAuB,EAAc;QACxD,IAAI,CAAC,cAAc,CAAC,GAAG,CAACA;QACxB,OAAO,IAAM,IAAI,CAAC,cAAc,CAAC,MAAM,CAACA;IAC5C;IAEA,QAAQ;QACJ,MAAMC,kBAAkB;YACpB,IAAI,CAAC,IAAI;YACT,IAAI,CAAC,cAAc,GAAGC,sBAAsBD;QAChD;QACA,IAAI,CAAC,cAAc,GAAGC,sBAAsBD;IAChD;IAEA,OAAO;QACH,IAAI,IAAI,CAAC,cAAc,EACnBE,qBAAqB,IAAI,CAAC,cAAc;IAEhD;IAEA,yBAAyB;QACrB,IAAI,CAAC,IAAI,CAAC,UAAU,EAChB,OAAO;QAGX,OAAO;YACH,UAAU,IAAI,CAAC,UAAU,CAAC,QAAQ;YAClC,MAAM,IAAI,CAAC,UAAU,CAAC,UAAU;YAChC,OAAO,IAAI,CAAC,UAAU,CAAC,WAAW,GAAI,KAAI,CAAC,eAAe,IAAI;QAClE;IACJ;IAEA,OAAO;QACH,MAAMC,gBAAgB,IAAI,CAAC,eAAe;QAC1C,MAAMC,YAAY;QAClB,MAAMC,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3B,MAAMC,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,GAAGH;QAE9B,IAAII,YAA2B;QAC/B,IAAIC,kBAAgC;QACpC,IAAIC,aAAyB;QAG7B,MAAMC,aACF,EAAE;QAEN,KAAK,MAAM,CAACZ,IAAI,EAAEa,GAAG,EAAEC,SAAS,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAE;YAC/C,MAAMC,YAAYR,UAAUM,IAAI,IAAI,IAAIN,UAAUM,IAAI,KAAK;YAE3D,IAAKE;gBAIL,IAAIC,KAAK,GAAG,CAACR,SAASK,IAAI,GAAG,KAAKP,WAC9BM,WAAW,IAAI,CAAC;oBAAEZ;oBAAIa;oBAAK,UAAU;oBAAGC;gBAAU;gBAGtD,IAAIE,KAAK,GAAG,CAACR,SAASK,IAAI,MAAM,KAAKP,WACjCM,WAAW,IAAI,CAAC;oBAAEZ;oBAAIa;oBAAK,UAAU;oBAAGC;gBAAU;;QAE1D;QAEA,IAAIF,WAAW,MAAM,GAAG,GAAG;YAEvB,MAAMK,WAAWL,WAAW,MAAM,CAACM,CAAAA,IAAK,CAACA,EAAE,SAAS,IAAIA,EAAE,SAAS;YAEnE,IAAID,SAAS,MAAM,GAAG,GAAG;gBACrB,MAAME,eAAe;uBAAI,IAAIrB,IAAImB,SAAS,GAAG,CAACC,CAAAA,IAAKA,EAAE,GAAG,CAAC,KAAK;iBAAG,CAAC,IAAI,CAClE,CAACE,GAAGC,IAAMA,IAAID;gBAGlB,IAAID,AAAwB,MAAxBA,aAAa,MAAM,EAAQ;oBAC3B,MAAMG,SAASL,QAAQ,CAAC,EAAE;oBAC1BR,YAAYa,OAAO,EAAE;oBACrBZ,kBAAkBY,OAAO,QAAQ;oBACjCX,aAAaW,OAAO,GAAG;gBAC3B,OAAO;oBAEH,IAAIC,YAAYC~~,KAAQ~~;~~oBACxB~~,IAAIC,aAAa,~~MAAS~~;~~oBAC1B~~,KAAK,~~MAAMP~~,KAAKD,SAAU;wBACtBM,YAAYP,KAAK,GAAG,CAACO,WAAWL,EAAE,GAAG,CAAC,IAAI;wBAC1CO,aAAaT,KAAK,GAAG,CAACS,YAAYP,EAAE,GAAG,CAAC,KAAK;oBACjD;oBAEA,MAAMQ,UAAWH,AAAAA,CAAAA,YAAYE,UAAS,IAAK;oBAC3C,MAAME,YAAaF,AAAAA,CAAAA,aAAaF,SAAQ,IAAK;oBAG7C,MAAMK,iBACFD,YAAY,IAAIX,KAAK,GAAG,CAACT,SAASmB,WAAWC,YAAY;oBAG7D,MAAME,aAAab,KAAK,GAAG,CACvBA,KAAK,KAAK,CAACY,iBAAiBT,aAAa,MAAM,GAC/CA,aAAa,MAAM,GAAG;oBAG1B,MAAMG,SAASL,SAAS,IAAI,CAACC,CAAAA,IAAKA,EAAE,GAAG,CAAC,KAAK,KAAKC,YAAY,CAACU,WAAW;oBAC1E,IAAIP,QAAQ;wBACRb,YAAYa,OAAO,EAAE;wBACrBZ,kBAAkBY,OAAO,QAAQ;wBACjCX,aAAaW,OAAO,GAAG;oBAC3B;gBACJ;YACJ;QACJ;QAEA,IAAIb,cAAc,IAAI,CAAC,eAAe,IAAIC,oBAAoB,IAAI,CAAC,eAAe,EAAE;YAChF,IAAI,CAAC,eAAe,GAAGD;YACvB,IAAI,CAAC,eAAe,GAAGC;YACvB,IAAI,CAAC,UAAU,GAAGC;YAElB,IAAI,CAAC,cAAc,CAAC,OAAO,CAACV,CAAAA,KAAMA,GAAGQ,AAAc,SAAdA;YAErC,KAAK,MAAM,CAACT,IAAID,MAAM,IAAI,IAAI,CAAC,KAAK,CAAE;gBAClC,MAAM+B,WAAW9B,OAAOS;gBACxBV,MAAM,iBAAiB,CACnB+B,WAAW;oBAAE,KAAKnB;oBAAa,UAAUD;gBAAgB,IAAI;YAErE;QACJ;IACJ;IAEQ,kBAAkB;QACtB,MAAMqB,YAAYC,SAAS,cAAc,CAAC;QAC1C,IAAI,CAACD,WACD,OAAO;QAGX,OAAOA,UAAU,SAAS;IAC9B;AACJ"}
1	+ {"version":3,"file":"BaseEditor/defaultConfig/Content/Preview/DropZoneManager.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/Preview/DropZoneManager.ts"],"sourcesContent":["import type { Box } from \"./Box.js\";\n\ntype DropPosition = number \| null;\ntype MatchChangeCallback = (hasMatch: boolean) => void;\n\nexport interface DropZoneProximity {\n box: Box;\n position: DropPosition;\n}\n\ninterface DropzoneEntry {\n id: string;\n box: Box;\n canAccept?: () => boolean;\n onProximityChange: (proximity: DropZoneProximity \| null) => void;\n}\n\nexport class DropZoneManager {\n private zones = new Map<string, DropzoneEntry>();\n private currentTargetId: string \| null = null;\n private currentPosition: DropPosition = null;\n private animationFrame: number \| null = null;\n private currentBox: Box \| null = null;\n private matchCallbacks = new Set<MatchChangeCallback>();\n\n constructor(private mouse: { x: number; y: number }) {}\n\n register(entry: DropzoneEntry) {\n if (entry.id === \"root\") {\n return;\n }\n\n this.zones.set(entry.id, entry);\n }\n\n unregister(id: string) {\n this.zones.delete(id);\n }\n\n subscribeToMatchChange(cb: MatchChangeCallback): () => void {\n this.matchCallbacks.add(cb);\n return () => this.matchCallbacks.delete(cb);\n }\n\n start() {\n const runDropzoneLoop = () => {\n this.tick();\n this.animationFrame = requestAnimationFrame(runDropzoneLoop);\n };\n this.animationFrame = requestAnimationFrame(runDropzoneLoop);\n }\n\n stop() {\n if (this.animationFrame) {\n cancelAnimationFrame(this.animationFrame);\n }\n }\n\n getLastMatchedPosition() {\n if (!this.currentBox) {\n return null;\n }\n\n return {\n parentId: this.currentBox.parentId,\n slot: this.currentBox.parentSlot,\n index: this.currentBox.parentIndex + (this.currentPosition ?? 0)\n };\n }\n\n tick() {\n const scrollYOffset = this.getScrollOffset();\n const threshold = 10;\n const mouseX = this.mouse.x;\n const mouseY = this.mouse.y + scrollYOffset;\n\n let matchedId: string \| null = null;\n let matchedPosition: DropPosition = null;\n let matchedBox: Box \| null = null;\n\n // Collect all candidate matches with their canAccept callback.\n const candidates: { id: string; box: Box; position: number; canAccept?: () => boolean }[] =\n [];\n\n for (const [id, { box, canAccept }] of this.zones) {\n const isWithinX = mouseX >= box.left && mouseX <= box.right;\n\n if (!isWithinX) {\n continue;\n }\n\n if (Math.abs(mouseY - box.top) <= threshold) {\n candidates.push({ id, box, position: 0, canAccept });\n }\n\n if (Math.abs(mouseY - box.bottom) <= threshold) {\n candidates.push({ id, box, position: 1, canAccept });\n }\n }\n\n if (candidates.length > 0) {\n // Filter to only eligible candidates.\n const eligible = candidates.filter(c => !c.canAccept \|\| c.canAccept());\n\n if (eligible.length > 0) {\n const uniqueDepths = [...new Set(eligible.map(c => c.box.depth))].sort(\n (a, b) => b - a\n );\n\n if (uniqueDepths.length === 1) {\n const winner = eligible[0];\n matchedId = winner.id;\n matchedPosition = winner.position;\n matchedBox = winner.box;\n } else {\n // Use X position to select depth band among eligible candidates only.\n let rangeLeft = Infinity;\n let rangeRight = -Infinity;\n for (const c of eligible) {\n rangeLeft = Math.min(rangeLeft, c.box.left);\n rangeRight = Math.max(rangeRight, c.box.right);\n }\n\n const centerX = (rangeLeft + rangeRight) / 2;\n const halfWidth = (rangeRight - rangeLeft) / 2;\n\n // 0 at center, 1 at edges.\n const distFromCenter =\n halfWidth > 0 ? Math.abs(mouseX - centerX) / halfWidth : 0;\n\n // Map distance to depth index: center → 0 (deepest), edges → last (shallowest).\n const depthIndex = Math.min(\n Math.floor(distFromCenter * uniqueDepths.length),\n uniqueDepths.length - 1\n );\n\n const winner = eligible.find(c => c.box.depth === uniqueDepths[depthIndex]);\n if (winner) {\n matchedId = winner.id;\n matchedPosition = winner.position;\n matchedBox = winner.box;\n }\n }\n }\n }\n\n if (matchedId !== this.currentTargetId \|\| matchedPosition !== this.currentPosition) {\n this.currentTargetId = matchedId;\n this.currentPosition = matchedPosition;\n this.currentBox = matchedBox;\n\n this.matchCallbacks.forEach(cb => cb(matchedId !== null));\n\n for (const [id, entry] of this.zones) {\n const isTarget = id === matchedId;\n entry.onProximityChange(\n isTarget ? { box: matchedBox!, position: matchedPosition } : null\n );\n }\n }\n }\n\n private getScrollOffset() {\n const container = document.getElementById(\"preview-container\");\n if (!container) {\n return 0;\n }\n\n return container.scrollTop;\n }\n}\n"],"names":["DropZoneManager","mouse","Map","Set","entry","id","cb","runDropzoneLoop","requestAnimationFrame","cancelAnimationFrame","scrollYOffset","threshold","mouseX","mouseY","matchedId","matchedPosition","matchedBox","candidates","box","canAccept","isWithinX","Math","eligible","c","uniqueDepths","a","b","winner","rangeLeft","Infinity","rangeRight","centerX","halfWidth","distFromCenter","depthIndex","isTarget","container","document"],"mappings":"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"}

package/BaseEditor/defaultConfig/Content/Preview/Iframe.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ interface IframeProps {
     viewportManager: ViewportManager;
     onConnected: (messenger: Messenger) => void;
 }
-export declare const Iframe: (({ url, timestamp, ...props }: IframeProps) => React.JSX.Element) & React.NamedExoticComponent<IframeProps> & {
-    readonly type: ({ url, timestamp, ...props }: IframeProps) => React.JSX.Element;
+export declare const Iframe: (({ url, timestamp, ...props }: IframeProps) => React.JSX.Element) & {
+    displayName: string;
 };
 export {};

package/BaseEditor/defaultConfig/Content/Preview/Overlays/ElementOverlays.d.ts CHANGED Viewed

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

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

@@ -1,10 +1,6 @@
-/**
- * This hook loads preview domain from settings, and also takes into account the override
- * via localstorage, which is a developers-only feature.
- */
 export declare const usePreviewDomain: () => {
     previewDomain: string;
     setPreviewDomain: (domain: string) => void;
     unsetPreviewDomain: () => void;
-    isOverridden: boolean | "" | null;
+    isOverridden: boolean;
 };

package/BaseEditor/defaultConfig/Content/usePreviewDomain.js CHANGED Viewed

@@ -1,35 +1,26 @@
-import { useCallback, useEffect, useState } from "react";
-import { useGetWebsiteBuilderSettings } from "../../../features/index.js";
-import { useSubscribeToLocalStorage } from "./useSubscribeToLocalStorage.js";
-const CUSTOM_PREVIEW_DOMAIN = "webiny_wb_custom_preview_domain";
-const usePreviewDomain = ()=>{
-    const [previewDomain, setDomainFromSettings] = useState("");
-    const [customDomain, setCustomDomain] = useState(()=>window.localStorage.getItem(CUSTOM_PREVIEW_DOMAIN));
-    const localStorage = useSubscribeToLocalStorage(CUSTOM_PREVIEW_DOMAIN, (newValue)=>{
-        setCustomDomain(newValue);
-    });
+import { useCallback } from "react";
+import { useLocalStorage } from "@webiny/app";
+import { usePreviewDomain } from "@webiny/frontend-settings/exports/admin.js";
+const CUSTOM_PREVIEW_DOMAIN = "custom_preview_domain";
+const usePreviewDomain_usePreviewDomain = ()=>{
+    const { previewDomain, isOverridden } = usePreviewDomain();
+    const localStorage = useLocalStorage();
     const setPreviewDomain = useCallback((domain)=>{
-        if (domain === previewDomain) localStorage.unset();
-        else localStorage.set(domain);
+        if (domain === previewDomain) localStorage.remove(CUSTOM_PREVIEW_DOMAIN);
+        else localStorage.set(CUSTOM_PREVIEW_DOMAIN, domain);
     }, [
         previewDomain
     ]);
     const unsetPreviewDomain = useCallback(()=>{
-        localStorage.unset();
-    }, []);
-    const { getSettings } = useGetWebsiteBuilderSettings();
-    useEffect(()=>{
-        getSettings().then((settings)=>{
-            setDomainFromSettings(settings.previewDomain ?? "http://localhost:3000");
-        });
+        localStorage.remove(CUSTOM_PREVIEW_DOMAIN);
     }, []);
     return {
-        previewDomain: customDomain ?? previewDomain,
+        previewDomain,
         setPreviewDomain,
         unsetPreviewDomain,
-        isOverridden: customDomain && customDomain !== previewDomain
+        isOverridden
     };
 };
-export { usePreviewDomain };
+export { usePreviewDomain_usePreviewDomain as usePreviewDomain };
 //# sourceMappingURL=usePreviewDomain.js.map

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

	@@ -1 +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"}
1	+ {"version":3,"file":"BaseEditor/defaultConfig/Content/usePreviewDomain.js","sources":["../../../../src/BaseEditor/defaultConfig/Content/usePreviewDomain.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useLocalStorage } from \"@webiny/app\";\nimport { usePreviewDomain as useSharedPreviewDomain } from \"@webiny/frontend-settings/exports/admin.js\";\n\nconst CUSTOM_PREVIEW_DOMAIN = \"custom_preview_domain\";\n\nexport const usePreviewDomain = () => {\n const { previewDomain, isOverridden } = useSharedPreviewDomain();\n const localStorage = useLocalStorage();\n\n const setPreviewDomain = useCallback(\n (domain: string) => {\n if (domain === previewDomain) {\n localStorage.remove(CUSTOM_PREVIEW_DOMAIN);\n } else {\n localStorage.set(CUSTOM_PREVIEW_DOMAIN, domain);\n }\n },\n [previewDomain]\n );\n\n const unsetPreviewDomain = useCallback(() => {\n localStorage.remove(CUSTOM_PREVIEW_DOMAIN);\n }, []);\n\n return {\n previewDomain,\n setPreviewDomain,\n unsetPreviewDomain,\n isOverridden\n };\n};\n"],"names":["CUSTOM_PREVIEW_DOMAIN","usePreviewDomain","previewDomain","isOverridden","useSharedPreviewDomain","localStorage","useLocalStorage","setPreviewDomain","useCallback","domain","unsetPreviewDomain"],"mappings":";;;AAIA,MAAMA,wBAAwB;AAEvB,MAAMC,oCAAmB;IAC5B,MAAM,EAAEC,aAAa,EAAEC,YAAY,EAAE,GAAGC;IACxC,MAAMC,eAAeC;IAErB,MAAMC,mBAAmBC,YACrB,CAACC;QACG,IAAIA,WAAWP,eACXG,aAAa,MAAM,CAACL;aAEpBK,aAAa,GAAG,CAACL,uBAAuBS;IAEhD,GACA;QAACP;KAAc;IAGnB,MAAMQ,qBAAqBF,YAAY;QACnCH,aAAa,MAAM,CAACL;IACxB,GAAG,EAAE;IAEL,OAAO;QACHE;QACAK;QACAG;QACAP;IACJ;AACJ"}

package/BaseEditor/defaultConfig/DocumentStateEditor/DocumentStateEditor.d.ts CHANGED Viewed

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