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

package/BaseEditor/config/Sidebar/ScrollableContainer.js

@@ -0,0 +1,18 @@
+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)."; }
+export const ScrollableContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1nxtiw30"
+} : {
+  target: "e1nxtiw30",
+  label: "ScrollableContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1atz1qs",
+  styles: "display:flex;flex-direction:column;height:calc(100vh - 65px - 48px);overflow-y:auto;&::-webkit-scrollbar{width:1px;}&::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);}&::-webkit-scrollbar-thumb{background-color:darkgrey;outline:1px solid slategrey;}"
+} : {
+  name: "1atz1qs",
+  styles: "display:flex;flex-direction:column;height:calc(100vh - 65px - 48px);overflow-y:auto;&::-webkit-scrollbar{width:1px;}&::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);}&::-webkit-scrollbar-thumb{background-color:darkgrey;outline:1px solid slategrey;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjcm9sbGFibGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVtQyIsImZpbGUiOiJTY3JvbGxhYmxlQ29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgU2Nyb2xsYWJsZUNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBoZWlnaHQ6IFwiY2FsYygxMDB2aCAtIDY1cHggLSA0OHB4KVwiLCAvLyBTdWJ0cmFjdCB0b3AtYmFyIGFuZCB0YWItaGVhZGVyIGhlaWdodFxuICAgIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gICAgLy8gU3R5bGUgc2Nyb2xsYmFyXG4gICAgXCImOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgICAgIHdpZHRoOiAxXG4gICAgfSxcbiAgICBcIiY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrXCI6IHtcbiAgICAgICAgYm94U2hhZG93OiBcImluc2V0IDAgMCA2cHggcmdiYSgwLCAwLCAwLCAwLjMpXCJcbiAgICB9LFxuICAgIFwiJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiZGFya2dyZXlcIixcbiAgICAgICAgb3V0bGluZTogXCIxcHggc29saWQgc2xhdGVncmV5XCJcbiAgICB9XG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+//# sourceMappingURL=ScrollableContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollableContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["ScrollableContainer.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const ScrollableContainer = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\",\n    height: \"calc(100vh - 65px - 48px)\", // 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"],"mappings":";;AAEA,OAAO,MAAMA,mBAAmB,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAgB/C,CAAC","ignoreList":[]}

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

@@ -0,0 +1,91 @@
+import React from "react";
+import { ElementProps as CoreElementProps } from "../Element";
+import { ElementsProps as BaseElementsProps } from "../Elements";
+export type ScopedElementProps = Omit<CoreElementProps, "scope">;
+export type BaseElementProps = Omit<ScopedElementProps, "id">;
+export type ElementsProps = Omit<BaseElementsProps, "scope">;
+export type GroupProps = Omit<BaseElementProps, "group">;
+export declare const Sidebar: (() => React.JSX.Element) & {
+    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;
+    };
+    Element: ((props: BaseElementProps) => React.JSX.Element) & {
+        original: (props: BaseElementProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: BaseElementProps) => React.JSX.Element) & {
+            original: (props: BaseElementProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: BaseElementProps) => React.JSX.Element) & {
+            original: (props: BaseElementProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Elements: ((props: ElementsProps) => React.JSX.Element) & {
+        original: (props: ElementsProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: ElementsProps) => React.JSX.Element) & {
+            original: (props: ElementsProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: ElementsProps) => React.JSX.Element) & {
+            original: (props: ElementsProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Group: ((props: GroupProps) => React.JSX.Element) & {
+        original: (props: GroupProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: GroupProps) => React.JSX.Element) & {
+            original: (props: GroupProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: GroupProps) => React.JSX.Element) & {
+            original: (props: GroupProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        Tab: ({ name, label, disabled, element, visible, noPadding }: import("./Tab").TabProps) => React.JSX.Element;
+    };
+    ScrollableContainer: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+};

package/BaseEditor/config/Sidebar/Sidebar.js

@@ -0,0 +1,49 @@
+import React from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { Element as CoreElement } from "../Element";
+import { Layout } from "./Layout";
+import { Elements as BaseElements } from "../Elements";
+import { Tab } from "./Tab";
+import { createGetId } from "../createGetId";
+import { ScrollableContainer } from "../Sidebar/ScrollableContainer";
+const SCOPE = "sidebar";
+const BaseSidebar = () => {
+  return /*#__PURE__*/React.createElement(Layout, null);
+};
+const ScopedElement = makeDecoratable("SidebarScopedElement", props => {
+  return /*#__PURE__*/React.createElement(CoreElement, Object.assign({}, props, {
+    scope: SCOPE
+  }));
+});
+const getElementId = createGetId(SCOPE)();
+const BaseElement = makeDecoratable("SidebarElement", props => {
+  return /*#__PURE__*/React.createElement(ScopedElement, Object.assign({}, props, {
+    id: getElementId(props.name),
+    before: props.before ? getElementId(props.before) : undefined,
+    after: props.after ? getElementId(props.after) : undefined
+  }));
+});
+const Elements = makeDecoratable("SidebarElements", props => {
+  return /*#__PURE__*/React.createElement(BaseElements, Object.assign({}, props, {
+    scope: SCOPE
+  }));
+});
+const BaseGroup = makeDecoratable("SidebarGroup", props => {
+  return /*#__PURE__*/React.createElement(ScopedElement, Object.assign({}, props, {
+    group: "groups",
+    id: getElementId(props.name),
+    before: props.before ? getElementId(props.before) : undefined,
+    after: props.after ? getElementId(props.after) : undefined
+  }));
+});
+export const Sidebar = Object.assign(BaseSidebar, {
+  Layout,
+  Element: BaseElement,
+  Elements,
+  Group: Object.assign(BaseGroup, {
+    Tab
+  }),
+  ScrollableContainer
+});
+
+//# sourceMappingURL=Sidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Element","CoreElement","Layout","Elements","BaseElements","Tab","createGetId","ScrollableContainer","SCOPE","BaseSidebar","createElement","ScopedElement","props","Object","assign","scope","getElementId","BaseElement","id","name","before","undefined","after","BaseGroup","group","Sidebar","Group"],"sources":["Sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Element as CoreElement, ElementProps as CoreElementProps } from \"../Element\";\nimport { Layout } from \"./Layout\";\nimport { Elements as BaseElements, ElementsProps as BaseElementsProps } from \"../Elements\";\nimport { Tab } from \"./Tab\";\nimport { createGetId } from \"../createGetId\";\nimport { ScrollableContainer } from \"../Sidebar/ScrollableContainer\";\n\nconst SCOPE = \"sidebar\";\n\nconst BaseSidebar = () => {\n    return <Layout />;\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,OAAO,IAAIC,WAAW;AAC/B,SAASC,MAAM;AACf,SAASC,QAAQ,IAAIC,YAAY;AACjC,SAASC,GAAG;AACZ,SAASC,WAAW;AACpB,SAASC,mBAAmB;AAE5B,MAAMC,KAAK,GAAG,SAAS;AAEvB,MAAMC,WAAW,GAAGA,CAAA,KAAM;EACtB,oBAAOX,KAAA,CAAAY,aAAA,CAACR,MAAM,MAAE,CAAC;AACrB,CAAC;AAID,MAAMS,aAAa,GAAGZ,eAAe,CAAC,sBAAsB,EAAGa,KAAyB,IAAK;EACzF,oBAAOd,KAAA,CAAAY,aAAA,CAACT,WAAW,EAAAY,MAAA,CAAAC,MAAA,KAAKF,KAAK;IAAEG,KAAK,EAAEP;EAAM,EAAE,CAAC;AACnD,CAAC,CAAC;AAEF,MAAMQ,YAAY,GAAGV,WAAW,CAACE,KAAK,CAAC,CAAC,CAAC;AAIzC,MAAMS,WAAW,GAAGlB,eAAe,CAAC,gBAAgB,EAAGa,KAAuB,IAAK;EAC/E,oBACId,KAAA,CAAAY,aAAA,CAACC,aAAa,EAAAE,MAAA,CAAAC,MAAA,KACNF,KAAK;IACTM,EAAE,EAAEF,YAAY,CAACJ,KAAK,CAACO,IAAI,CAAE;IAC7BC,MAAM,EAAER,KAAK,CAACQ,MAAM,GAAGJ,YAAY,CAACJ,KAAK,CAACQ,MAAM,CAAC,GAAGC,SAAU;IAC9DC,KAAK,EAAEV,KAAK,CAACU,KAAK,GAAGN,YAAY,CAACJ,KAAK,CAACU,KAAK,CAAC,GAAGD;EAAU,EAC9D,CAAC;AAEV,CAAC,CAAC;AAIF,MAAMlB,QAAQ,GAAGJ,eAAe,CAAC,iBAAiB,EAAGa,KAAoB,IAAK;EAC1E,oBAAOd,KAAA,CAAAY,aAAA,CAACN,YAAY,EAAAS,MAAA,CAAAC,MAAA,KAAKF,KAAK;IAAEG,KAAK,EAAEP;EAAM,EAAE,CAAC;AACpD,CAAC,CAAC;AAIF,MAAMe,SAAS,GAAGxB,eAAe,CAAC,cAAc,EAAGa,KAAiB,IAAK;EACrE,oBACId,KAAA,CAAAY,aAAA,CAACC,aAAa,EAAAE,MAAA,CAAAC,MAAA,KACNF,KAAK;IACTY,KAAK,EAAE,QAAS;IAChBN,EAAE,EAAEF,YAAY,CAACJ,KAAK,CAACO,IAAI,CAAE;IAC7BC,MAAM,EAAER,KAAK,CAACQ,MAAM,GAAGJ,YAAY,CAACJ,KAAK,CAACQ,MAAM,CAAC,GAAGC,SAAU;IAC9DC,KAAK,EAAEV,KAAK,CAACU,KAAK,GAAGN,YAAY,CAACJ,KAAK,CAACU,KAAK,CAAC,GAAGD;EAAU,EAC9D,CAAC;AAEV,CAAC,CAAC;AAEF,OAAO,MAAMI,OAAO,GAAGZ,MAAM,CAACC,MAAM,CAACL,WAAW,EAAE;EAC9CP,MAAM;EACNF,OAAO,EAAEiB,WAAW;EACpBd,QAAQ;EACRuB,KAAK,EAAEb,MAAM,CAACC,MAAM,CAACS,SAAS,EAAE;IAAElB;EAAI,CAAC,CAAC;EACxCE;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+import React from "react";
+export declare const TabContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface TabProps {
+    name: string;
+    label: string;
+    noPadding?: boolean;
+    element: JSX.Element;
+    disabled?: boolean;
+    visible?: boolean;
+}
+export declare const Tab: ({ name, label, disabled, element, visible, noPadding }: TabProps) => React.JSX.Element;

package/BaseEditor/config/Sidebar/Tab.js

@@ -0,0 +1,37 @@
+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 { Tabs } from "@webiny/admin-ui";
+export const TabContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1vivn7n0"
+} : {
+  target: "e1vivn7n0",
+  label: "TabContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "k20ukt",
+  styles: "display:flex;position:relative;flex-direction:column;height:calc(100vh - 44px - 49px);overflow-y:auto;&::-webkit-scrollbar{width:1px;}&::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);}&::-webkit-scrollbar-thumb{background-color:darkgrey;outline:1px solid slategrey;}"
+} : {
+  name: "k20ukt",
+  styles: "display:flex;position:relative;flex-direction:column;height:calc(100vh - 44px - 49px);overflow-y:auto;&::-webkit-scrollbar{width:1px;}&::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);}&::-webkit-scrollbar-thumb{background-color:darkgrey;outline:1px solid slategrey;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTRCIiwiZmlsZSI6IlRhYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRhYnMgfSBmcm9tIFwiQHdlYmlueS9hZG1pbi11aVwiO1xuXG5leHBvcnQgY29uc3QgVGFiQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgaGVpZ2h0OiBcImNhbGMoMTAwdmggLSA0NHB4IC0gNDlweClcIiwgLy8gU3VidHJhY3QgdG9wLWJhciBhbmQgdGFiLWhlYWRlciBoZWlnaHRcbiAgICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICAgIC8vIFN0eWxlIHNjcm9sbGJhclxuICAgIFwiJjo6LXdlYmtpdC1zY3JvbGxiYXJcIjoge1xuICAgICAgICB3aWR0aDogMVxuICAgIH0sXG4gICAgXCImOjotd2Via2l0LXNjcm9sbGJhci10cmFja1wiOiB7XG4gICAgICAgIGJveFNoYWRvdzogXCJpbnNldCAwIDAgNnB4IHJnYmEoMCwgMCwgMCwgMC4zKVwiXG4gICAgfSxcbiAgICBcIiY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcImRhcmtncmV5XCIsXG4gICAgICAgIG91dGxpbmU6IFwiMXB4IHNvbGlkIHNsYXRlZ3JleVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiUHJvcHMge1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBsYWJlbDogc3RyaW5nO1xuICAgIG5vUGFkZGluZz86IGJvb2xlYW47XG4gICAgZWxlbWVudDogSlNYLkVsZW1lbnQ7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAgIHZpc2libGU/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgVGFiID0gKHsgbmFtZSwgbGFiZWwsIGRpc2FibGVkLCBlbGVtZW50LCB2aXNpYmxlLCBub1BhZGRpbmcgfTogVGFiUHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8VGFicy5UYWJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17bm9QYWRkaW5nID8gXCJ3YnktcC0wXCIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICB2YWx1ZT17bmFtZX1cbiAgICAgICAgICAgIHRyaWdnZXI9e2xhYmVsfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgdmlzaWJsZT17dmlzaWJsZX1cbiAgICAgICAgICAgIGNvbnRlbnQ9ezxUYWJDb250YWluZXI+e2VsZW1lbnR9PC9UYWJDb250YWluZXI+fVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const Tab = ({
+  name,
+  label,
+  disabled,
+  element,
+  visible,
+  noPadding
+}) => {
+  return /*#__PURE__*/React.createElement(Tabs.Tab, {
+    className: noPadding ? "wby-p-0" : undefined,
+    value: name,
+    trigger: label,
+    disabled: disabled,
+    visible: visible,
+    content: /*#__PURE__*/React.createElement(TabContainer, null, element)
+  });
+};
+
+//# sourceMappingURL=Tab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Tabs","TabContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Tab","disabled","element","visible","noPadding","createElement","className","undefined","value","trigger","content"],"sources":["Tab.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Tabs } 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    noPadding?: boolean;\n    element: JSX.Element;\n    disabled?: boolean;\n    visible?: boolean;\n}\n\nexport const Tab = ({ name, label, disabled, element, visible, noPadding }: TabProps) => {\n    return (\n        <Tabs.Tab\n            className={noPadding ? \"wby-p-0\" : undefined}\n            value={name}\n            trigger={label}\n            disabled={disabled}\n            visible={visible}\n            content={<TabContainer>{element}</TabContainer>}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,OAAO,MAAMC,YAAY,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAiBxC,CAAC;AAWF,OAAO,MAAMC,GAAG,GAAGA,CAAC;EAAEL,IAAI;EAAED,KAAK;EAAEO,QAAQ;EAAEC,OAAO;EAAEC,OAAO;EAAEC;AAAoB,CAAC,KAAK;EACrF,oBACIlB,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACa,GAAG;IACLM,SAAS,EAAEF,SAAS,GAAG,SAAS,GAAGG,SAAU;IAC7CC,KAAK,EAAEb,IAAK;IACZc,OAAO,EAAEf,KAAM;IACfO,QAAQ,EAAEA,QAAS;IACnBE,OAAO,EAAEA,OAAQ;IACjBO,OAAO,eAAExB,KAAA,CAAAmB,aAAA,CAACjB,YAAY,QAAEc,OAAsB;EAAE,CACnD,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Layout: () => React.JSX.Element;

package/BaseEditor/config/Toolbar/Layout.js

@@ -0,0 +1,35 @@
+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 { Toolbar } from "./Toolbar";
+import { Tabs } from "@webiny/admin-ui/Tabs";
+const ToolbarContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eauoe6d0"
+} : {
+  target: "eauoe6d0",
+  label: "ToolbarContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1qdiijb",
+  styles: "display:block;width:300px;height:100%;background-color:var(--mdc-theme-surface);border-right:1px solid var(--mdc-theme-on-background)"
+} : {
+  name: "1qdiijb",
+  styles: "display:block;width:300px;height:100%;background-color:var(--mdc-theme-surface);border-right:1px solid var(--mdc-theme-on-background)",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3lCIiwiZmlsZSI6IkxheW91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRvb2xiYXIgfSBmcm9tIFwiLi9Ub29sYmFyXCI7XG5pbXBvcnQgeyBUYWJzIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWkvVGFic1wiO1xuXG5jb25zdCBUb29sYmFyQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgd2lkdGg6IDMwMCxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIixcbiAgICBib3JkZXJSaWdodDogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCJcbn0pO1xuXG5leHBvcnQgY29uc3QgTGF5b3V0ID0gKCkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxUb29sYmFyQ29udGFpbmVyIGRhdGEtcm9sZT17XCJ0b29sYmFyLWxheW91dFwifT5cbiAgICAgICAgICAgIDxUYWJzXG4gICAgICAgICAgICAgICAgc2l6ZT1cIm1kXCJcbiAgICAgICAgICAgICAgICBzcGFjaW5nPXtcIm1kXCJ9XG4gICAgICAgICAgICAgICAgZGVmYXVsdFZhbHVlPXtcImluc2VydFwifVxuICAgICAgICAgICAgICAgIHRhYnM9e1s8VG9vbGJhci5FbGVtZW50cyBrZXk9XCJ0YWJzXCIgZ3JvdXA9e1widGFic1wifSAvPl19XG4gICAgICAgICAgICAgICAgc2VwYXJhdG9yPXt0cnVlfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgPC9Ub29sYmFyQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const Layout = () => {
+  return /*#__PURE__*/React.createElement(ToolbarContainer, {
+    "data-role": "toolbar-layout"
+  }, /*#__PURE__*/React.createElement(Tabs, {
+    size: "md",
+    spacing: "md",
+    defaultValue: "insert",
+    tabs: [/*#__PURE__*/React.createElement(Toolbar.Elements, {
+      key: "tabs",
+      group: "tabs"
+    })],
+    separator: true
+  }));
+};
+
+//# sourceMappingURL=Layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Toolbar","Tabs","ToolbarContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Layout","createElement","size","spacing","defaultValue","tabs","Elements","key","group","separator"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Toolbar } from \"./Toolbar\";\nimport { Tabs } from \"@webiny/admin-ui/Tabs\";\n\nconst ToolbarContainer = styled(\"div\")({\n    display: \"block\",\n    width: 300,\n    height: \"100%\",\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    borderRight: \"1px solid var(--mdc-theme-on-background)\"\n});\n\nexport const Layout = () => {\n    return (\n        <ToolbarContainer data-role={\"toolbar-layout\"}>\n            <Tabs\n                size=\"md\"\n                spacing={\"md\"}\n                defaultValue={\"insert\"}\n                tabs={[<Toolbar.Elements key=\"tabs\" group={\"tabs\"} />]}\n                separator={true}\n            />\n        </ToolbarContainer>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO;AAChB,SAASC,IAAI,QAAQ,uBAAuB;AAE5C,MAAMC,gBAAgB,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAMrC,CAAC;AAEF,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,oBACIf,KAAA,CAAAgB,aAAA,CAACb,gBAAgB;IAAC,aAAW;EAAiB,gBAC1CH,KAAA,CAAAgB,aAAA,CAACd,IAAI;IACDe,IAAI,EAAC,IAAI;IACTC,OAAO,EAAE,IAAK;IACdC,YAAY,EAAE,QAAS;IACvBC,IAAI,EAAE,cAACpB,KAAA,CAAAgB,aAAA,CAACf,OAAO,CAACoB,QAAQ;MAACC,GAAG,EAAC,MAAM;MAACC,KAAK,EAAE;IAAO,CAAE,CAAC,CAAE;IACvDC,SAAS,EAAE;EAAK,CACnB,CACa,CAAC;AAE3B,CAAC","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+import React from "react";
+import { ElementProps as BaseElementProps } from "../Element";
+import { ElementsProps as BaseElementsProps } from "../Elements";
+export type ElementProps = Omit<BaseElementProps, "scope" | "id">;
+export type ElementsProps = Omit<BaseElementsProps, "scope">;
+export declare const Toolbar: (() => React.JSX.Element) & {
+    Layout: () => React.JSX.Element;
+    Element: ((props: ElementProps) => React.JSX.Element) & {
+        original: (props: ElementProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: ElementProps) => React.JSX.Element) & {
+            original: (props: ElementProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: ElementProps) => React.JSX.Element) & {
+            original: (props: ElementProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Elements: ((props: ElementsProps) => React.JSX.Element) & {
+        original: (props: ElementsProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: ElementsProps) => React.JSX.Element) & {
+            original: (props: ElementsProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: ElementsProps) => React.JSX.Element) & {
+            original: (props: ElementsProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};

package/BaseEditor/config/Toolbar/Toolbar.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { Element as BaseElement } from "../Element";
+import { Layout } from "./Layout";
+import { Elements as BaseElements } from "../Elements";
+import { createGetId } from "../createGetId";
+const SCOPE = "toolbar";
+const BaseToolbar = () => {
+  return /*#__PURE__*/React.createElement(Layout, null);
+};
+const getElementId = createGetId(SCOPE)();
+const BaseToolbarElement = makeDecoratable("ToolbarElement", props => {
+  return /*#__PURE__*/React.createElement(BaseElement, Object.assign({}, props, {
+    scope: SCOPE,
+    id: getElementId(props.name),
+    before: props.before ? getElementId(props.before) : undefined,
+    after: props.after ? getElementId(props.after) : undefined
+  }));
+});
+const Elements = makeDecoratable("ToolbarElements", props => {
+  return /*#__PURE__*/React.createElement(BaseElements, Object.assign({}, props, {
+    scope: SCOPE
+  }));
+});
+export const Toolbar = Object.assign(BaseToolbar, {
+  Layout,
+  Element: BaseToolbarElement,
+  Elements
+});
+
+//# sourceMappingURL=Toolbar.js.map

package/BaseEditor/config/Toolbar/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Element","BaseElement","Layout","Elements","BaseElements","createGetId","SCOPE","BaseToolbar","createElement","getElementId","BaseToolbarElement","props","Object","assign","scope","id","name","before","undefined","after","Toolbar"],"sources":["Toolbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Element as BaseElement, ElementProps as BaseElementProps } from \"../Element\";\nimport { Layout } from \"./Layout\";\nimport { Elements as BaseElements, ElementsProps as BaseElementsProps } from \"../Elements\";\nimport { createGetId } from \"../createGetId\";\n\nconst SCOPE = \"toolbar\";\n\nconst BaseToolbar = () => {\n    return <Layout />;\n};\n\nconst getElementId = createGetId(SCOPE)();\n\nexport type ElementProps = Omit<BaseElementProps, \"scope\" | \"id\">;\n\nconst BaseToolbarElement = makeDecoratable(\"ToolbarElement\", (props: ElementProps) => {\n    return (\n        <BaseElement\n            {...props}\n            scope={SCOPE}\n            id={getElementId(props.name)}\n            before={props.before ? getElementId(props.before) : undefined}\n            after={props.after ? getElementId(props.after) : undefined}\n        />\n    );\n});\n\nexport type ElementsProps = Omit<BaseElementsProps, \"scope\">;\n\nconst Elements = makeDecoratable(\"ToolbarElements\", (props: ElementsProps) => {\n    return <BaseElements {...props} scope={SCOPE} />;\n});\n\nexport const Toolbar = Object.assign(BaseToolbar, {\n    Layout,\n    Element: BaseToolbarElement,\n    Elements\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,OAAO,IAAIC,WAAW;AAC/B,SAASC,MAAM;AACf,SAASC,QAAQ,IAAIC,YAAY;AACjC,SAASC,WAAW;AAEpB,MAAMC,KAAK,GAAG,SAAS;AAEvB,MAAMC,WAAW,GAAGA,CAAA,KAAM;EACtB,oBAAOT,KAAA,CAAAU,aAAA,CAACN,MAAM,MAAE,CAAC;AACrB,CAAC;AAED,MAAMO,YAAY,GAAGJ,WAAW,CAACC,KAAK,CAAC,CAAC,CAAC;AAIzC,MAAMI,kBAAkB,GAAGX,eAAe,CAAC,gBAAgB,EAAGY,KAAmB,IAAK;EAClF,oBACIb,KAAA,CAAAU,aAAA,CAACP,WAAW,EAAAW,MAAA,CAAAC,MAAA,KACJF,KAAK;IACTG,KAAK,EAAER,KAAM;IACbS,EAAE,EAAEN,YAAY,CAACE,KAAK,CAACK,IAAI,CAAE;IAC7BC,MAAM,EAAEN,KAAK,CAACM,MAAM,GAAGR,YAAY,CAACE,KAAK,CAACM,MAAM,CAAC,GAAGC,SAAU;IAC9DC,KAAK,EAAER,KAAK,CAACQ,KAAK,GAAGV,YAAY,CAACE,KAAK,CAACQ,KAAK,CAAC,GAAGD;EAAU,EAC9D,CAAC;AAEV,CAAC,CAAC;AAIF,MAAMf,QAAQ,GAAGJ,eAAe,CAAC,iBAAiB,EAAGY,KAAoB,IAAK;EAC1E,oBAAOb,KAAA,CAAAU,aAAA,CAACJ,YAAY,EAAAQ,MAAA,CAAAC,MAAA,KAAKF,KAAK;IAAEG,KAAK,EAAER;EAAM,EAAE,CAAC;AACpD,CAAC,CAAC;AAEF,OAAO,MAAMc,OAAO,GAAGR,MAAM,CAACC,MAAM,CAACN,WAAW,EAAE;EAC9CL,MAAM;EACNF,OAAO,EAAEU,kBAAkB;EAC3BP;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+import React from "react";
+export declare const Divider: (() => 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/TopBar/Divider.js

@@ -0,0 +1,23 @@
+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";
+const StyledDivider = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1mqd0ta0"
+} : {
+  target: "e1mqd0ta0",
+  label: "StyledDivider"
+})(process.env.NODE_ENV === "production" ? {
+  name: "wvw4q6",
+  styles: "width:1px;margin:0 5px;height:100%;flex:none;background-color:var(--mdc-theme-on-background)"
+} : {
+  name: "wvw4q6",
+  styles: "width:1px;margin:0 5px;height:100%;flex:none;background-color:var(--mdc-theme-on-background)",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlnQyIsImZpbGUiOiJEaXZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgbWFrZURlY29yYXRhYmxlIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5cbmNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiAxcHg7XG4gICAgbWFyZ2luOiAwIDVweDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgZmxleDogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IG1ha2VEZWNvcmF0YWJsZShcIlRvcEJhckRpdmlkZXJcIiwgKCkgPT4ge1xuICAgIHJldHVybiA8U3R5bGVkRGl2aWRlciAvPjtcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const Divider = makeDecoratable("TopBarDivider", () => {
+  return /*#__PURE__*/React.createElement(StyledDivider, null);
+});
+
+//# sourceMappingURL=Divider.js.map

package/BaseEditor/config/TopBar/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","StyledDivider","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Divider","createElement"],"sources":["Divider.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\n\nconst StyledDivider = styled.div`\n    width: 1px;\n    margin: 0 5px;\n    height: 100%;\n    flex: none;\n    background-color: var(--mdc-theme-on-background);\n`;\n\nexport const Divider = makeDecoratable(\"TopBarDivider\", () => {\n    return <StyledDivider />;\n});\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,MAAMC,aAAa,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,EAMlB;AAED,OAAO,MAAMC,OAAO,GAAGb,eAAe,CAAC,eAAe,EAAE,MAAM;EAC1D,oBAAOD,KAAA,CAAAe,aAAA,CAACb,aAAa,MAAE,CAAC;AAC5B,CAAC,CAAC","ignoreList":[]}

package/BaseEditor/config/TopBar/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/TopBar/Layout.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { HeaderBar } from "@webiny/admin-ui";
+import { TopBar } from "./TopBar";
+export const Layout = makeDecoratable("TopBarLayout", () => {
+  return /*#__PURE__*/React.createElement(HeaderBar, {
+    "data-role": "top-bar-layout",
+    start: /*#__PURE__*/React.createElement(TopBar.Elements, {
+      group: "left"
+    }),
+    middle: /*#__PURE__*/React.createElement(TopBar.Elements, {
+      group: "center"
+    }),
+    end: /*#__PURE__*/React.createElement("div", {
+      className: "wby-flex wby-gap-x-sm"
+    }, /*#__PURE__*/React.createElement(TopBar.Elements, {
+      group: "actions"
+    }))
+  });
+});
+
+//# sourceMappingURL=Layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","HeaderBar","TopBar","Layout","createElement","start","Elements","group","middle","end","className"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { HeaderBar } from \"@webiny/admin-ui\";\nimport { TopBar } from \"./TopBar\";\n\nexport const Layout = makeDecoratable(\"TopBarLayout\", () => {\n    return (\n        <HeaderBar\n            data-role={\"top-bar-layout\"}\n            start={<TopBar.Elements group={\"left\"} />}\n            middle={<TopBar.Elements group={\"center\"} />}\n            end={\n                <div className={\"wby-flex wby-gap-x-sm\"}>\n                    <TopBar.Elements group={\"actions\"} />\n                </div>\n            }\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,MAAM;AAEf,OAAO,MAAMC,MAAM,GAAGH,eAAe,CAAC,cAAc,EAAE,MAAM;EACxD,oBACID,KAAA,CAAAK,aAAA,CAACH,SAAS;IACN,aAAW,gBAAiB;IAC5BI,KAAK,eAAEN,KAAA,CAAAK,aAAA,CAACF,MAAM,CAACI,QAAQ;MAACC,KAAK,EAAE;IAAO,CAAE,CAAE;IAC1CC,MAAM,eAAET,KAAA,CAAAK,aAAA,CAACF,MAAM,CAACI,QAAQ;MAACC,KAAK,EAAE;IAAS,CAAE,CAAE;IAC7CE,GAAG,eACCV,KAAA,CAAAK,aAAA;MAAKM,SAAS,EAAE;IAAwB,gBACpCX,KAAA,CAAAK,aAAA,CAACF,MAAM,CAACI,QAAQ;MAACC,KAAK,EAAE;IAAU,CAAE,CACnC;EACR,CACJ,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface MenuItemProps {
+    label: string;
+    onClick: () => void;
+    icon: JSX.Element;
+    "data-testid"?: string;
+    disabled?: boolean;
+}
+export declare const MenuItem: (props: MenuItemProps) => React.JSX.Element;

package/BaseEditor/config/TopBar/MenuItem.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { ListItemGraphic } from "@webiny/ui/List";
+import { Icon } from "@webiny/ui/Icon";
+import { MenuItem as UiMenuItem } from "@webiny/ui/Menu";
+export const MenuItem = props => {
+  return /*#__PURE__*/React.createElement(UiMenuItem, {
+    onClick: props.onClick,
+    disabled: Boolean(props.disabled),
+    "data-testid": props["data-testid"]
+  }, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
+    icon: props.icon
+  })), props.label);
+};
+
+//# sourceMappingURL=MenuItem.js.map

package/BaseEditor/config/TopBar/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ListItemGraphic","Icon","MenuItem","UiMenuItem","props","createElement","onClick","disabled","Boolean","icon","label"],"sources":["MenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { ListItemGraphic } from \"@webiny/ui/List\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { MenuItem as UiMenuItem } from \"@webiny/ui/Menu\";\n\nexport interface MenuItemProps {\n    label: string;\n    onClick: () => void;\n    icon: JSX.Element;\n    \"data-testid\"?: string;\n    disabled?: boolean;\n}\n\nexport const MenuItem = (props: MenuItemProps) => {\n    return (\n        <UiMenuItem\n            onClick={props.onClick}\n            disabled={Boolean(props.disabled)}\n            data-testid={props[\"data-testid\"]}\n        >\n            <ListItemGraphic>\n                <Icon icon={props.icon} />\n            </ListItemGraphic>\n            {props.label}\n        </UiMenuItem>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,iBAAiB;AACjD,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,QAAQ,IAAIC,UAAU,QAAQ,iBAAiB;AAUxD,OAAO,MAAMD,QAAQ,GAAIE,KAAoB,IAAK;EAC9C,oBACIL,KAAA,CAAAM,aAAA,CAACF,UAAU;IACPG,OAAO,EAAEF,KAAK,CAACE,OAAQ;IACvBC,QAAQ,EAAEC,OAAO,CAACJ,KAAK,CAACG,QAAQ,CAAE;IAClC,eAAaH,KAAK,CAAC,aAAa;EAAE,gBAElCL,KAAA,CAAAM,aAAA,CAACL,eAAe,qBACZD,KAAA,CAAAM,aAAA,CAACJ,IAAI;IAACQ,IAAI,EAAEL,KAAK,CAACK;EAAK,CAAE,CACZ,CAAC,EACjBL,KAAK,CAACM,KACC,CAAC;AAErB,CAAC","ignoreList":[]}