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

package/BaseEditor/config/Element.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+export interface ElementConfig {
+    name: string;
+    group: string;
+    scope: string;
+    element: JSX.Element;
+}
+export interface ElementProps {
+    name: string;
+    id?: string;
+    element?: JSX.Element | null;
+    /**
+     * `group` is a public prop that can be used by external developers to logically group elements.
+     * For example: "actions", "buttons", etc.
+     */
+    group?: string;
+    /**
+     * `scope` is used for internal grouping of elements. It is only used to create higher level components used by the 3rd party.
+     * For example: "sidebar", "topBar", "toolbar".
+     * This creates a scope within which we can then filter elements by their `group` prop.
+     */
+    scope?: string;
+    remove?: boolean;
+    before?: string;
+    after?: string;
+}
+export declare const Element: (({ id, name, element, group, scope, remove, before, after }: ElementProps) => React.JSX.Element) & {
+    original: ({ id, name, element, group, scope, remove, before, after }: ElementProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ id, name, element, group, scope, remove, before, after }: ElementProps) => React.JSX.Element) & {
+        original: ({ id, name, element, group, scope, remove, before, after }: ElementProps) => React.JSX.Element;
+        originalName: string; /**
+         * `group` is a public prop that can be used by external developers to logically group elements.
+         * For example: "actions", "buttons", etc.
+         */
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ id, name, element, group, scope, remove, before, after }: ElementProps) => React.JSX.Element) & {
+        original: ({ id, name, element, group, scope, remove, before, after }: ElementProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/BaseEditor/config/Element.js

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

package/BaseEditor/config/Element.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Property","useIdGenerator","Element","id","name","element","group","scope","remove","before","after","getId","realId","placeAfter","undefined","placeBefore","createElement","array","value"],"sources":["Element.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface ElementConfig {\n    name: string;\n    group: string;\n    scope: string;\n    element: JSX.Element;\n}\n\nexport interface ElementProps {\n    name: string;\n    id?: string;\n    element?: JSX.Element | null;\n    /**\n     * `group` is a public prop that can be used by external developers to logically group elements.\n     * For example: \"actions\", \"buttons\", etc.\n     */\n    group?: string;\n    /**\n     * `scope` is used for internal grouping of elements. It is only used to create higher level components used by the 3rd party.\n     * For example: \"sidebar\", \"topBar\", \"toolbar\".\n     * This creates a scope within which we can then filter elements by their `group` prop.\n     */\n    scope?: string;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nexport const Element = makeDecoratable(\n    \"EditorElement\",\n    ({ id, name, element, group, scope, remove, before, after }: ElementProps) => {\n        const getId = useIdGenerator(\"element\");\n        const realId = id ?? name;\n\n        const placeAfter = after !== undefined ? getId(after) : undefined;\n        const placeBefore = before !== undefined ? getId(before) : undefined;\n\n        return (\n            <Property\n                id={getId(realId)}\n                name={\"elements\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(realId, \"name\")} name={\"name\"} value={name} />\n                {element ? (\n                    <Property id={getId(realId, \"element\")} name={\"element\"} value={element} />\n                ) : null}\n                {group ? (\n                    <Property id={getId(realId, \"group\")} name={\"group\"} value={group} />\n                ) : null}\n                {scope ? (\n                    <Property id={getId(realId, \"scope\")} name={\"scope\"} value={scope} />\n                ) : null}\n            </Property>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AA6BnE,OAAO,MAAMC,OAAO,GAAGH,eAAe,CAClC,eAAe,EACf,CAAC;EAAEI,EAAE;EAAEC,IAAI;EAAEC,OAAO;EAAEC,KAAK;EAAEC,KAAK;EAAEC,MAAM;EAAEC,MAAM;EAAEC;AAAoB,CAAC,KAAK;EAC1E,MAAMC,KAAK,GAAGV,cAAc,CAAC,SAAS,CAAC;EACvC,MAAMW,MAAM,GAAGT,EAAE,IAAIC,IAAI;EAEzB,MAAMS,UAAU,GAAGH,KAAK,KAAKI,SAAS,GAAGH,KAAK,CAACD,KAAK,CAAC,GAAGI,SAAS;EACjE,MAAMC,WAAW,GAAGN,MAAM,KAAKK,SAAS,GAAGH,KAAK,CAACF,MAAM,CAAC,GAAGK,SAAS;EAEpE,oBACIhB,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IACLG,EAAE,EAAEQ,KAAK,CAACC,MAAM,CAAE;IAClBR,IAAI,EAAE,UAAW;IACjBI,MAAM,EAAEA,MAAO;IACfS,KAAK,EAAE,IAAK;IACZR,MAAM,EAAEM,WAAY;IACpBL,KAAK,EAAEG;EAAW,gBAElBf,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACG,EAAE,EAAEQ,KAAK,CAACC,MAAM,EAAE,MAAM,CAAE;IAACR,IAAI,EAAE,MAAO;IAACc,KAAK,EAAEd;EAAK,CAAE,CAAC,EACjEC,OAAO,gBACJP,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACG,EAAE,EAAEQ,KAAK,CAACC,MAAM,EAAE,SAAS,CAAE;IAACR,IAAI,EAAE,SAAU;IAACc,KAAK,EAAEb;EAAQ,CAAE,CAAC,GAC3E,IAAI,EACPC,KAAK,gBACFR,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACG,EAAE,EAAEQ,KAAK,CAACC,MAAM,EAAE,OAAO,CAAE;IAACR,IAAI,EAAE,OAAQ;IAACc,KAAK,EAAEZ;EAAM,CAAE,CAAC,GACrE,IAAI,EACPC,KAAK,gBACFT,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACG,EAAE,EAAEQ,KAAK,CAACC,MAAM,EAAE,OAAO,CAAE;IAACR,IAAI,EAAE,OAAQ;IAACc,KAAK,EAAEX;EAAM,CAAE,CAAC,GACrE,IACE,CAAC;AAEnB,CACJ,CAAC","ignoreList":[]}

package/BaseEditor/config/ElementAction.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+import { ElementProps } from "./Element";
+export type ElementActionProps = Omit<ElementProps, "scope" | "group" | "id">;
+export declare const ElementActions: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const ElementAction: ((props: ElementActionProps) => React.JSX.Element) & {
+    original: (props: ElementActionProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: ElementActionProps) => React.JSX.Element) & {
+        original: (props: ElementActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: ElementActionProps) => React.JSX.Element) & {
+        original: (props: ElementActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    IconButton: ({ label, icon, disabled, onClick }: import("./IconButton").IconButtonProps) => React.JSX.Element;
+};

package/BaseEditor/config/ElementAction.js

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

package/BaseEditor/config/ElementAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Element","Elements","IconButton","getElementId","value","join","BaseElementAction","props","createElement","Object","assign","scope","id","name","before","undefined","after","ElementActions","ElementAction"],"sources":["ElementAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Element, ElementProps } from \"./Element\";\nimport { Elements } from \"./Elements\";\nimport { IconButton } from \"./IconButton\";\n\nconst getElementId = (value: string) => {\n    return [\"elementAction\", value].join(\":\");\n};\n\nexport type ElementActionProps = Omit<ElementProps, \"scope\" | \"group\" | \"id\">;\n\nconst BaseElementAction = makeDecoratable(\"ElementAction\", (props: ElementActionProps) => {\n    return (\n        <Element\n            {...props}\n            scope={\"elementActions\"}\n            id={getElementId(props.name)}\n            before={props.before ? getElementId(props.before) : undefined}\n            after={props.after ? getElementId(props.after) : undefined}\n        />\n    );\n});\n\nexport const ElementActions = makeDecoratable(\"ElementActions\", () => {\n    return <Elements scope={\"elementActions\"} />;\n});\n\nexport const ElementAction = Object.assign(BaseElementAction, { IconButton });\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,OAAO;AAChB,SAASC,QAAQ;AACjB,SAASC,UAAU;AAEnB,MAAMC,YAAY,GAAIC,KAAa,IAAK;EACpC,OAAO,CAAC,eAAe,EAAEA,KAAK,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;AAC7C,CAAC;AAID,MAAMC,iBAAiB,GAAGP,eAAe,CAAC,eAAe,EAAGQ,KAAyB,IAAK;EACtF,oBACIT,KAAA,CAAAU,aAAA,CAACR,OAAO,EAAAS,MAAA,CAAAC,MAAA,KACAH,KAAK;IACTI,KAAK,EAAE,gBAAiB;IACxBC,EAAE,EAAET,YAAY,CAACI,KAAK,CAACM,IAAI,CAAE;IAC7BC,MAAM,EAAEP,KAAK,CAACO,MAAM,GAAGX,YAAY,CAACI,KAAK,CAACO,MAAM,CAAC,GAAGC,SAAU;IAC9DC,KAAK,EAAET,KAAK,CAACS,KAAK,GAAGb,YAAY,CAACI,KAAK,CAACS,KAAK,CAAC,GAAGD;EAAU,EAC9D,CAAC;AAEV,CAAC,CAAC;AAEF,OAAO,MAAME,cAAc,GAAGlB,eAAe,CAAC,gBAAgB,EAAE,MAAM;EAClE,oBAAOD,KAAA,CAAAU,aAAA,CAACP,QAAQ;IAACU,KAAK,EAAE;EAAiB,CAAE,CAAC;AAChD,CAAC,CAAC;AAEF,OAAO,MAAMO,aAAa,GAAGT,MAAM,CAACC,MAAM,CAACJ,iBAAiB,EAAE;EAAEJ;AAAW,CAAC,CAAC","ignoreList":[]}

package/BaseEditor/config/ElementInput.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import type { ComponentInput } from "../../sdk/types";
+import type { InputBindingOnChange } from "../defaultConfig/Sidebar/ElementSettings/useInputValue";
+import type { IMetadata } from "../metadata";
+export interface ElementInputRendererProps {
+    label: React.ReactNode;
+    metadata: IMetadata;
+    value: any;
+    onChange: InputBindingOnChange;
+    onPreviewChange: InputBindingOnChange;
+    input: ComponentInput;
+}
+export interface RendererProps {
+    name: string;
+    component: React.ComponentType<any>;
+}
+export interface ElementInputConfig {
+    name: string;
+    component: React.ComponentType<ElementInputRendererProps>;
+}
+export declare const ElementInput: {
+    Renderer: (props: RendererProps) => React.JSX.Element;
+};

package/BaseEditor/config/ElementInput.js

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

package/BaseEditor/config/ElementInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Property","useIdGenerator","Renderer","props","getId","name","component","createElement","id","array","value","ElementInput"],"sources":["ElementInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { ComponentInput } from \"~/sdk/types\";\nimport type { InputBindingOnChange } from \"../defaultConfig/Sidebar/ElementSettings/useInputValue\";\nimport type { IMetadata } from \"~/BaseEditor/metadata\";\n\nexport interface ElementInputRendererProps {\n    label: React.ReactNode;\n    metadata: IMetadata;\n    value: any;\n    onChange: InputBindingOnChange;\n    onPreviewChange: InputBindingOnChange;\n    input: ComponentInput;\n}\n\nexport interface RendererProps {\n    name: string;\n    component: React.ComponentType<any>;\n}\n\nconst Renderer = (props: RendererProps) => {\n    const getId = useIdGenerator(\"inputRenderer\");\n    const { name, component } = props;\n\n    return (\n        <Property id={getId(name)} name={\"inputRenderers\"} array={true}>\n            <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n            <Property id={getId(name, \"component\")} name={\"component\"} value={component} />\n        </Property>\n    );\n};\n\nexport interface ElementInputConfig {\n    name: string;\n    component: React.ComponentType<ElementInputRendererProps>;\n}\n\nexport const ElementInput = {\n    Renderer\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAmBnE,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EACvC,MAAMC,KAAK,GAAGH,cAAc,CAAC,eAAe,CAAC;EAC7C,MAAM;IAAEI,IAAI;IAAEC;EAAU,CAAC,GAAGH,KAAK;EAEjC,oBACIJ,KAAA,CAAAQ,aAAA,CAACP,QAAQ;IAACQ,EAAE,EAAEJ,KAAK,CAACC,IAAI,CAAE;IAACA,IAAI,EAAE,gBAAiB;IAACI,KAAK,EAAE;EAAK,gBAC3DV,KAAA,CAAAQ,aAAA,CAACP,QAAQ;IAACQ,EAAE,EAAEJ,KAAK,CAACC,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACK,KAAK,EAAEL;EAAK,CAAE,CAAC,eAChEN,KAAA,CAAAQ,aAAA,CAACP,QAAQ;IAACQ,EAAE,EAAEJ,KAAK,CAACC,IAAI,EAAE,WAAW,CAAE;IAACA,IAAI,EAAE,WAAY;IAACK,KAAK,EAAEJ;EAAU,CAAE,CACxE,CAAC;AAEnB,CAAC;AAOD,OAAO,MAAMK,YAAY,GAAG;EACxBT;AACJ,CAAC","ignoreList":[]}

package/BaseEditor/config/ElementProperty.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { ElementProps } from "./Element";
+import { ElementsProps } from "./Elements";
+export type ElementPropertyProps = Omit<ElementProps, "scope" | "id">;
+export declare const ElementProperty: ((props: ElementPropertyProps) => React.JSX.Element) & {
+    original: (props: ElementPropertyProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: ElementPropertyProps) => React.JSX.Element) & {
+        original: (props: ElementPropertyProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: ElementPropertyProps) => React.JSX.Element) & {
+        original: (props: ElementPropertyProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    STYLE: string;
+    ELEMENT: string;
+};
+export interface ElementPropertiesProps {
+    group?: string;
+    transform?: ElementsProps["transform"];
+}
+export declare const ElementProperties: (props: ElementPropertiesProps) => React.JSX.Element;

package/BaseEditor/config/ElementProperty.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+import { Element } from "./Element";
+import { Elements } from "./Elements";
+const SCOPE = "elementProperties";
+const getElementId = value => {
+  return ["elementProperty", value].join(":");
+};
+const BaseElementProperty = makeDecoratable("ElementProperty", props => {
+  return /*#__PURE__*/React.createElement(Element, Object.assign({}, props, {
+    scope: SCOPE,
+    id: getElementId(props.name),
+    before: props.before ? getElementId(props.before) : undefined,
+    after: props.after ? getElementId(props.after) : undefined
+  }));
+});
+const ElementPropertyGroups = {
+  STYLE: "styleGroup",
+  ELEMENT: "elementGroup"
+};
+export const ElementProperty = Object.assign(BaseElementProperty, ElementPropertyGroups);
+export const ElementProperties = props => {
+  return /*#__PURE__*/React.createElement(Elements, {
+    group: props.group,
+    scope: SCOPE,
+    transform: props.transform
+  });
+};
+
+//# sourceMappingURL=ElementProperty.js.map

package/BaseEditor/config/ElementProperty.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Element","Elements","SCOPE","getElementId","value","join","BaseElementProperty","props","createElement","Object","assign","scope","id","name","before","undefined","after","ElementPropertyGroups","STYLE","ELEMENT","ElementProperty","ElementProperties","group","transform"],"sources":["ElementProperty.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Element, ElementProps } from \"./Element\";\nimport { Elements, ElementsProps } from \"./Elements\";\n\nconst SCOPE = \"elementProperties\";\n\nexport type ElementPropertyProps = Omit<ElementProps, \"scope\" | \"id\">;\n\nconst getElementId = (value: string) => {\n    return [\"elementProperty\", value].join(\":\");\n};\n\nconst BaseElementProperty = makeDecoratable(\"ElementProperty\", (props: ElementPropertyProps) => {\n    return (\n        <Element\n            {...props}\n            scope={SCOPE}\n            id={getElementId(props.name)}\n            before={props.before ? getElementId(props.before) : undefined}\n            after={props.after ? getElementId(props.after) : undefined}\n        />\n    );\n});\n\nconst ElementPropertyGroups = {\n    STYLE: \"styleGroup\",\n    ELEMENT: \"elementGroup\"\n};\n\nexport const ElementProperty = Object.assign(BaseElementProperty, ElementPropertyGroups);\n\nexport interface ElementPropertiesProps {\n    group?: string;\n    transform?: ElementsProps[\"transform\"];\n}\n\nexport const ElementProperties = (props: ElementPropertiesProps) => {\n    return <Elements group={props.group} scope={SCOPE} transform={props.transform} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,OAAO;AAChB,SAASC,QAAQ;AAEjB,MAAMC,KAAK,GAAG,mBAAmB;AAIjC,MAAMC,YAAY,GAAIC,KAAa,IAAK;EACpC,OAAO,CAAC,iBAAiB,EAAEA,KAAK,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;AAC/C,CAAC;AAED,MAAMC,mBAAmB,GAAGP,eAAe,CAAC,iBAAiB,EAAGQ,KAA2B,IAAK;EAC5F,oBACIT,KAAA,CAAAU,aAAA,CAACR,OAAO,EAAAS,MAAA,CAAAC,MAAA,KACAH,KAAK;IACTI,KAAK,EAAET,KAAM;IACbU,EAAE,EAAET,YAAY,CAACI,KAAK,CAACM,IAAI,CAAE;IAC7BC,MAAM,EAAEP,KAAK,CAACO,MAAM,GAAGX,YAAY,CAACI,KAAK,CAACO,MAAM,CAAC,GAAGC,SAAU;IAC9DC,KAAK,EAAET,KAAK,CAACS,KAAK,GAAGb,YAAY,CAACI,KAAK,CAACS,KAAK,CAAC,GAAGD;EAAU,EAC9D,CAAC;AAEV,CAAC,CAAC;AAEF,MAAME,qBAAqB,GAAG;EAC1BC,KAAK,EAAE,YAAY;EACnBC,OAAO,EAAE;AACb,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGX,MAAM,CAACC,MAAM,CAACJ,mBAAmB,EAAEW,qBAAqB,CAAC;AAOxF,OAAO,MAAMI,iBAAiB,GAAId,KAA6B,IAAK;EAChE,oBAAOT,KAAA,CAAAU,aAAA,CAACP,QAAQ;IAACqB,KAAK,EAAEf,KAAK,CAACe,KAAM;IAACX,KAAK,EAAET,KAAM;IAACqB,SAAS,EAAEhB,KAAK,CAACgB;EAAU,CAAE,CAAC;AACrF,CAAC","ignoreList":[]}

package/BaseEditor/config/Elements.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { ElementConfig } from "./Element";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "pb-editor-ui-elements": React.HTMLProps<HTMLDivElement>;
+            "pb-editor-ui-element": React.HTMLProps<HTMLDivElement>;
+        }
+    }
+}
+export interface ElementsProps {
+    group?: string;
+    scope?: string;
+    transform?: (elements: ElementConfig[]) => ElementConfig[];
+}
+export declare const Elements: ({ group, scope, transform }: ElementsProps) => React.JSX.Element;

package/BaseEditor/config/Elements.js

@@ -0,0 +1,31 @@
+import React, { useMemo } from "react";
+import { useEditorConfig } from "./EditorConfig";
+const passthrough = () => true;
+const byGroup = group => {
+  return group ? item => item.group === group : passthrough;
+};
+const byScope = scope => {
+  return scope ? item => item.scope === scope : passthrough;
+};
+const defaultTransform = elements => elements;
+export const Elements = ({
+  group,
+  scope,
+  transform = defaultTransform
+}) => {
+  const {
+    elements
+  } = useEditorConfig();
+  const groupElements = useMemo(() => {
+    return elements.filter(byGroup(group)).filter(byScope(scope));
+  }, [elements, group, scope]);
+  return /*#__PURE__*/React.createElement("pb-editor-ui-elements", {
+    "data-scope": scope,
+    "data-group": group
+  }, transform(groupElements).map(element => /*#__PURE__*/React.createElement("pb-editor-ui-element", {
+    key: element.name,
+    "data-name": element.name
+  }, element.element)));
+};
+
+//# sourceMappingURL=Elements.js.map

package/BaseEditor/config/Elements.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useEditorConfig","passthrough","byGroup","group","item","byScope","scope","defaultTransform","elements","Elements","transform","groupElements","filter","createElement","map","element","key","name"],"sources":["Elements.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useEditorConfig } from \"./EditorConfig\";\nimport { ElementConfig } from \"./Element\";\n\ndeclare global {\n    // eslint-disable-next-line\n    namespace JSX {\n        interface IntrinsicElements {\n            \"pb-editor-ui-elements\": React.HTMLProps<HTMLDivElement>;\n            \"pb-editor-ui-element\": React.HTMLProps<HTMLDivElement>;\n        }\n    }\n}\n\nexport interface ElementsProps {\n    group?: string;\n    scope?: string;\n    transform?: (elements: ElementConfig[]) => ElementConfig[];\n}\n\nconst passthrough = () => true;\n\nconst byGroup = (group?: string) => {\n    return group ? (item: ElementConfig) => item.group === group : passthrough;\n};\nconst byScope = (scope?: string) => {\n    return scope ? (item: ElementConfig) => item.scope === scope : passthrough;\n};\n\nconst defaultTransform = (elements: ElementConfig[]) => elements;\n\nexport const Elements = ({ group, scope, transform = defaultTransform }: ElementsProps) => {\n    const { elements } = useEditorConfig();\n\n    const groupElements = useMemo(() => {\n        return elements.filter(byGroup(group)).filter(byScope(scope));\n    }, [elements, group, scope]);\n\n    return (\n        <pb-editor-ui-elements data-scope={scope} data-group={group}>\n            {transform(groupElements).map(element => (\n                <pb-editor-ui-element key={element.name} data-name={element.name}>\n                    {element.element}\n                </pb-editor-ui-element>\n            ))}\n        </pb-editor-ui-elements>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAmBxB,MAAMC,WAAW,GAAGA,CAAA,KAAM,IAAI;AAE9B,MAAMC,OAAO,GAAIC,KAAc,IAAK;EAChC,OAAOA,KAAK,GAAIC,IAAmB,IAAKA,IAAI,CAACD,KAAK,KAAKA,KAAK,GAAGF,WAAW;AAC9E,CAAC;AACD,MAAMI,OAAO,GAAIC,KAAc,IAAK;EAChC,OAAOA,KAAK,GAAIF,IAAmB,IAAKA,IAAI,CAACE,KAAK,KAAKA,KAAK,GAAGL,WAAW;AAC9E,CAAC;AAED,MAAMM,gBAAgB,GAAIC,QAAyB,IAAKA,QAAQ;AAEhE,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEN,KAAK;EAAEG,KAAK;EAAEI,SAAS,GAAGH;AAAgC,CAAC,KAAK;EACvF,MAAM;IAAEC;EAAS,CAAC,GAAGR,eAAe,CAAC,CAAC;EAEtC,MAAMW,aAAa,GAAGZ,OAAO,CAAC,MAAM;IAChC,OAAOS,QAAQ,CAACI,MAAM,CAACV,OAAO,CAACC,KAAK,CAAC,CAAC,CAACS,MAAM,CAACP,OAAO,CAACC,KAAK,CAAC,CAAC;EACjE,CAAC,EAAE,CAACE,QAAQ,EAAEL,KAAK,EAAEG,KAAK,CAAC,CAAC;EAE5B,oBACIR,KAAA,CAAAe,aAAA;IAAuB,cAAYP,KAAM;IAAC,cAAYH;EAAM,GACvDO,SAAS,CAACC,aAAa,CAAC,CAACG,GAAG,CAACC,OAAO,iBACjCjB,KAAA,CAAAe,aAAA;IAAsBG,GAAG,EAAED,OAAO,CAACE,IAAK;IAAC,aAAWF,OAAO,CAACE;EAAK,GAC5DF,OAAO,CAACA,OACS,CACzB,CACkB,CAAC;AAEhC,CAAC","ignoreList":[]}

package/BaseEditor/config/IconButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface IconButtonProps {
+    icon: JSX.Element;
+    label: string;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export declare const IconButton: ({ label, icon, disabled, onClick }: IconButtonProps) => React.JSX.Element;

package/BaseEditor/config/IconButton.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { IconButton as BaseIconButton } from "@webiny/ui/Button";
+import { Tooltip } from "@webiny/ui/Tooltip";
+export const IconButton = ({
+  label,
+  icon,
+  disabled = false,
+  onClick
+}) => {
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottom",
+    content: label
+  }, /*#__PURE__*/React.createElement(BaseIconButton, {
+    icon: icon,
+    onClick: onClick,
+    disabled: disabled
+  }));
+};
+
+//# sourceMappingURL=IconButton.js.map

package/BaseEditor/config/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","IconButton","BaseIconButton","Tooltip","label","icon","disabled","onClick","createElement","placement","content"],"sources":["IconButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton as BaseIconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n\nexport interface IconButtonProps {\n    icon: JSX.Element;\n    label: string;\n    disabled?: boolean;\n    onClick?: () => void;\n}\n\nexport const IconButton = ({ label, icon, disabled = false, onClick }: IconButtonProps) => {\n    return (\n        <Tooltip placement={\"bottom\"} content={label}>\n            <BaseIconButton icon={icon} onClick={onClick} disabled={disabled} />\n        </Tooltip>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,IAAIC,cAAc,QAAQ,mBAAmB;AAChE,SAASC,OAAO,QAAQ,oBAAoB;AAS5C,OAAO,MAAMF,UAAU,GAAGA,CAAC;EAAEG,KAAK;EAAEC,IAAI;EAAEC,QAAQ,GAAG,KAAK;EAAEC;AAAyB,CAAC,KAAK;EACvF,oBACIP,KAAA,CAAAQ,aAAA,CAACL,OAAO;IAACM,SAAS,EAAE,QAAS;IAACC,OAAO,EAAEN;EAAM,gBACzCJ,KAAA,CAAAQ,aAAA,CAACN,cAAc;IAACG,IAAI,EAAEA,IAAK;IAACE,OAAO,EAAEA,OAAQ;IAACD,QAAQ,EAAEA;EAAS,CAAE,CAC9D,CAAC;AAElB,CAAC","ignoreList":[]}

package/BaseEditor/config/Layout.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export declare const Layout: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/BaseEditor/config/Layout.js

@@ -0,0 +1,41 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import React, { useEffect } from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+import { EditorConfig } from "./EditorConfig";
+const EditorLayoutContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e17ht31x0"
+} : {
+  target: "e17ht31x0",
+  label: "EditorLayoutContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "134c3g3",
+  styles: "background-color:#f2f2f2;height:100%;overflow:hidden"
+} : {
+  name: "134c3g3",
+  styles: "background-color:#f2f2f2;height:100%;overflow:hidden",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3dDIiwiZmlsZSI6IkxheW91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1jb21wb3NpdGlvblwiO1xuaW1wb3J0IHsgRWRpdG9yQ29uZmlnIH0gZnJvbSBcIi4vRWRpdG9yQ29uZmlnXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgRWRpdG9yTGF5b3V0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjJmMmYyO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuYDtcblxuZXhwb3J0IGNvbnN0IExheW91dCA9IG1ha2VEZWNvcmF0YWJsZShcIkVkaXRvckxheW91dFwiLCAoKSA9PiB7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgY29uc3QgY3VycmVudE92ZXJmbG93ID0gZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdztcbiAgICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9IFwiaGlkZGVuXCI7XG4gICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gY3VycmVudE92ZXJmbG93O1xuICAgICAgICB9O1xuICAgIH0sIFtdKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxFZGl0b3JMYXlvdXRDb250YWluZXI+XG4gICAgICAgICAgICA8RWRpdG9yQ29uZmlnLlVpLlRvcEJhciAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wid2J5LWZsZXggd2J5LWZsZXgtcm93XCJ9PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtcIndieS13LVszMDBweF0gd2J5LWZsZXgtbm9uZVwifT5cbiAgICAgICAgICAgICAgICAgICAgPEVkaXRvckNvbmZpZy5VaS5Ub29sYmFyIC8+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wid2J5LWZsZXgtYXV0b1wifT5cbiAgICAgICAgICAgICAgICAgICAgPEVkaXRvckNvbmZpZy5VaS5Db250ZW50IC8+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wid2J5LXctWzMwMHB4XSB3YnktZmxleC1ub25lXCJ9PlxuICAgICAgICAgICAgICAgICAgICA8RWRpdG9yQ29uZmlnLlVpLlNpZGViYXIgLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8RWRpdG9yQ29uZmlnLlVpLlNpZGViYXIgLz5cbiAgICAgICAgICAgIDxFZGl0b3JDb25maWcuVWkuRWxlbWVudHMgZ3JvdXA9e1wib3ZlcmxheXNcIn0gLz5cbiAgICAgICAgPC9FZGl0b3JMYXlvdXRDb250YWluZXI+XG4gICAgKTtcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const Layout = makeDecoratable("EditorLayout", () => {
+  useEffect(() => {
+    const currentOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = currentOverflow;
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(EditorLayoutContainer, null, /*#__PURE__*/React.createElement(EditorConfig.Ui.TopBar, null), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-row"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-[300px] wby-flex-none"
+  }, /*#__PURE__*/React.createElement(EditorConfig.Ui.Toolbar, null)), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex-auto"
+  }, /*#__PURE__*/React.createElement(EditorConfig.Ui.Content, null)), /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-[300px] wby-flex-none"
+  }, /*#__PURE__*/React.createElement(EditorConfig.Ui.Sidebar, null))), /*#__PURE__*/React.createElement(EditorConfig.Ui.Sidebar, null), /*#__PURE__*/React.createElement(EditorConfig.Ui.Elements, {
+    group: "overlays"
+  }));
+});
+
+//# sourceMappingURL=Layout.js.map

package/BaseEditor/config/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","makeDecoratable","EditorConfig","EditorLayoutContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Layout","currentOverflow","document","body","style","overflow","createElement","Ui","TopBar","className","Toolbar","Content","Sidebar","Elements","group"],"sources":["Layout.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { EditorConfig } from \"./EditorConfig\";\nimport styled from \"@emotion/styled\";\n\nconst EditorLayoutContainer = styled.div`\n    background-color: #f2f2f2;\n    height: 100%;\n    overflow: hidden;\n`;\n\nexport const Layout = makeDecoratable(\"EditorLayout\", () => {\n    useEffect(() => {\n        const currentOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        return () => {\n            document.body.style.overflow = currentOverflow;\n        };\n    }, []);\n\n    return (\n        <EditorLayoutContainer>\n            <EditorConfig.Ui.TopBar />\n            <div className={\"wby-flex wby-flex-row\"}>\n                <div className={\"wby-w-[300px] wby-flex-none\"}>\n                    <EditorConfig.Ui.Toolbar />\n                </div>\n                <div className={\"wby-flex-auto\"}>\n                    <EditorConfig.Ui.Content />\n                </div>\n                <div className={\"wby-w-[300px] wby-flex-none\"}>\n                    <EditorConfig.Ui.Sidebar />\n                </div>\n            </div>\n\n            <EditorConfig.Ui.Sidebar />\n            <EditorConfig.Ui.Elements group={\"overlays\"} />\n        </EditorLayoutContainer>\n    );\n});\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,YAAY;AAGrB,MAAMC,qBAAqB,gBAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAI1B;AAED,OAAO,MAAMC,MAAM,GAAGd,eAAe,CAAC,cAAc,EAAE,MAAM;EACxDD,SAAS,CAAC,MAAM;IACZ,MAAMgB,eAAe,GAAGC,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,QAAQ;IACpDH,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,QAAQ,GAAG,QAAQ;IACvC,OAAO,MAAM;MACTH,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,QAAQ,GAAGJ,eAAe;IAClD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIjB,KAAA,CAAAsB,aAAA,CAAClB,qBAAqB,qBAClBJ,KAAA,CAAAsB,aAAA,CAACnB,YAAY,CAACoB,EAAE,CAACC,MAAM,MAAE,CAAC,eAC1BxB,KAAA,CAAAsB,aAAA;IAAKG,SAAS,EAAE;EAAwB,gBACpCzB,KAAA,CAAAsB,aAAA;IAAKG,SAAS,EAAE;EAA8B,gBAC1CzB,KAAA,CAAAsB,aAAA,CAACnB,YAAY,CAACoB,EAAE,CAACG,OAAO,MAAE,CACzB,CAAC,eACN1B,KAAA,CAAAsB,aAAA;IAAKG,SAAS,EAAE;EAAgB,gBAC5BzB,KAAA,CAAAsB,aAAA,CAACnB,YAAY,CAACoB,EAAE,CAACI,OAAO,MAAE,CACzB,CAAC,eACN3B,KAAA,CAAAsB,aAAA;IAAKG,SAAS,EAAE;EAA8B,gBAC1CzB,KAAA,CAAAsB,aAAA,CAACnB,YAAY,CAACoB,EAAE,CAACK,OAAO,MAAE,CACzB,CACJ,CAAC,eAEN5B,KAAA,CAAAsB,aAAA,CAACnB,YAAY,CAACoB,EAAE,CAACK,OAAO,MAAE,CAAC,eAC3B5B,KAAA,CAAAsB,aAAA,CAACnB,YAAY,CAACoB,EAAE,CAACM,QAAQ;IAACC,KAAK,EAAE;EAAW,CAAE,CAC3B,CAAC;AAEhC,CAAC,CAAC","ignoreList":[]}

package/BaseEditor/config/NoActiveElement.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface NoActiveElementProps {
+    children?: React.ReactNode;
+}
+export declare const NoActiveElement: ({ children }: NoActiveElementProps) => React.JSX.Element | null;

package/BaseEditor/config/NoActiveElement.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { useActiveElement } from "../hooks/useActiveElement.js";
+export const NoActiveElement = ({
+  children
+}) => {
+  const [element] = useActiveElement();
+  if (element) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+//# sourceMappingURL=NoActiveElement.js.map

package/BaseEditor/config/NoActiveElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useActiveElement","NoActiveElement","children","element","createElement","Fragment"],"sources":["NoActiveElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { useActiveElement } from \"~/BaseEditor/hooks/useActiveElement.js\";\n\nexport interface NoActiveElementProps {\n    children?: React.ReactNode;\n}\n\nexport const NoActiveElement = ({ children }: NoActiveElementProps) => {\n    const [element] = useActiveElement();\n\n    if (element) {\n        return null;\n    }\n\n    return <>{children}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AAMzB,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EACnE,MAAM,CAACC,OAAO,CAAC,GAAGH,gBAAgB,CAAC,CAAC;EAEpC,IAAIG,OAAO,EAAE;IACT,OAAO,IAAI;EACf;EAEA,oBAAOJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,QAAGH,QAAW,CAAC;AAC1B,CAAC","ignoreList":[]}

package/BaseEditor/config/OnActiveElement.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface OnActiveElementProps {
+    children?: React.ReactNode;
+}
+export declare const OnActiveElement: ({ children }: OnActiveElementProps) => React.JSX.Element | null;

package/BaseEditor/config/OnActiveElement.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { useActiveElement } from "../hooks/useActiveElement";
+export const OnActiveElement = ({
+  children
+}) => {
+  const [element] = useActiveElement();
+  if (!element) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+//# sourceMappingURL=OnActiveElement.js.map

package/BaseEditor/config/OnActiveElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useActiveElement","OnActiveElement","children","element","createElement","Fragment"],"sources":["OnActiveElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { useActiveElement } from \"~/BaseEditor/hooks/useActiveElement\";\n\nexport interface OnActiveElementProps {\n    children?: React.ReactNode;\n}\n\nexport const OnActiveElement = ({ children }: OnActiveElementProps) => {\n    const [element] = useActiveElement();\n\n    if (!element) {\n        return null;\n    }\n\n    return <>{children}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AAMzB,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EACnE,MAAM,CAACC,OAAO,CAAC,GAAGH,gBAAgB,CAAC,CAAC;EAEpC,IAAI,CAACG,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,QAAGH,QAAW,CAAC;AAC1B,CAAC","ignoreList":[]}

package/BaseEditor/config/PreviewUrl.js

@@ -0,0 +1,3 @@
+// TODO: allow devs to customize the iframe URL
+
+//# sourceMappingURL=PreviewUrl.js.map

package/BaseEditor/config/PreviewUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["PreviewUrl.tsx"],"sourcesContent":["// TODO: allow devs to customize the iframe URL\n"],"mappings":"AAAA","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+import React from "react";
+export declare const Layout: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/BaseEditor/config/Sidebar/Layout.js

@@ -0,0 +1,34 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import React from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { Tabs } from "@webiny/admin-ui";
+import { Sidebar } from "./Sidebar";
+const SidebarContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "et2pvyj0"
+} : {
+  target: "et2pvyj0",
+  label: "SidebarContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1m90fee",
+  styles: "background-color:#ffffff;border-left:1px solid var(--mdc-theme-on-background)"
+} : {
+  name: "1m90fee",
+  styles: "background-color:#ffffff;border-left:1px solid var(--mdc-theme-on-background)",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTW1DIiwiZmlsZSI6IkxheW91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1ha2VEZWNvcmF0YWJsZSB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgVGFicyB9IGZyb20gXCJAd2ViaW55L2FkbWluLXVpXCI7XG5pbXBvcnQgeyBTaWRlYmFyIH0gZnJvbSBcIi4vU2lkZWJhclwiO1xuXG5jb25zdCBTaWRlYmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpO1xuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0ID0gbWFrZURlY29yYXRhYmxlKFwiU2lkZWJhckxheW91dFwiLCAoKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFNpZGViYXJDb250YWluZXI+XG4gICAgICAgICAgICA8VGFic1xuICAgICAgICAgICAgICAgIHNpemU9XCJtZFwiXG4gICAgICAgICAgICAgICAgc3BhY2luZz17XCJtZFwifVxuICAgICAgICAgICAgICAgIHNlcGFyYXRvcj17dHJ1ZX1cbiAgICAgICAgICAgICAgICBkZWZhdWx0VmFsdWU9e1wiZWxlbWVudFwifVxuICAgICAgICAgICAgICAgIHRhYnM9e1s8U2lkZWJhci5FbGVtZW50cyBncm91cD1cImdyb3Vwc1wiIGtleT17XCJncm91cHNcIn0gLz5dfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgPC9TaWRlYmFyQ29udGFpbmVyPlxuICAgICk7XG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const Layout = makeDecoratable("SidebarLayout", () => {
+  return /*#__PURE__*/React.createElement(SidebarContainer, null, /*#__PURE__*/React.createElement(Tabs, {
+    size: "md",
+    spacing: "md",
+    separator: true,
+    defaultValue: "element",
+    tabs: [/*#__PURE__*/React.createElement(Sidebar.Elements, {
+      group: "groups",
+      key: "groups"
+    })]
+  }));
+});
+
+//# sourceMappingURL=Layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Tabs","Sidebar","SidebarContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Layout","createElement","size","spacing","separator","defaultValue","tabs","Elements","group","key"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Tabs } from \"@webiny/admin-ui\";\nimport { Sidebar } from \"./Sidebar\";\n\nconst SidebarContainer = styled.div`\n    background-color: #ffffff;\n    border-left: 1px solid var(--mdc-theme-on-background);\n`\n\nexport const Layout = makeDecoratable(\"SidebarLayout\", () => {\n    return (\n        <SidebarContainer>\n            <Tabs\n                size=\"md\"\n                spacing={\"md\"}\n                separator={true}\n                defaultValue={\"element\"}\n                tabs={[<Sidebar.Elements group=\"groups\" key={\"groups\"} />]}\n            />\n        </SidebarContainer>\n    );\n});\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,OAAO;AAEhB,MAAMC,gBAAgB,gBAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAGrB;AAED,OAAO,MAAMC,MAAM,GAAGf,eAAe,CAAC,eAAe,EAAE,MAAM;EACzD,oBACID,KAAA,CAAAiB,aAAA,CAACb,gBAAgB,qBACbJ,KAAA,CAAAiB,aAAA,CAACf,IAAI;IACDgB,IAAI,EAAC,IAAI;IACTC,OAAO,EAAE,IAAK;IACdC,SAAS,EAAE,IAAK;IAChBC,YAAY,EAAE,SAAU;IACxBC,IAAI,EAAE,cAACtB,KAAA,CAAAiB,aAAA,CAACd,OAAO,CAACoB,QAAQ;MAACC,KAAK,EAAC,QAAQ;MAACC,GAAG,EAAE;IAAS,CAAE,CAAC;EAAE,CAC9D,CACa,CAAC;AAE3B,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const ScrollableContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;