@webiny/app-website-builder 6.3.0-beta.4 → 6.4.0-beta.0

package/BaseEditor/config/Sidebar/ScrollableContainer.js

@@ -1,11 +1,8 @@
-import React from "react";
+import react from "react";
 import { ScrollArea } from "@webiny/admin-ui";
-export const ScrollableContainer = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(ScrollArea, {
-    className: "h-[calc(100vh-var(--spacing-header)-65px)]"
-  }, children);
-};
+const ScrollableContainer = ({ children })=>/*#__PURE__*/ react.createElement(ScrollArea, {
+        className: "h-[calc(100vh-var(--spacing-header)-65px)]"
+    }, children);
+export { ScrollableContainer };
 
 //# sourceMappingURL=ScrollableContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollArea","ScrollableContainer","children","createElement","className"],"sources":["ScrollableContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { ScrollArea } from \"@webiny/admin-ui\";\n\nexport const ScrollableContainer = ({ children }: any) => {\n    return (\n        <ScrollArea className={\"h-[calc(100vh-var(--spacing-header)-65px)]\"}>{children}</ScrollArea>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC;AAAc,CAAC,KAAK;EACtD,oBACIH,KAAA,CAAAI,aAAA,CAACH,UAAU;IAACI,SAAS,EAAE;EAA6C,GAAEF,QAAqB,CAAC;AAEpG,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/Sidebar/ScrollableContainer.js","sources":["../../../../src/BaseEditor/config/Sidebar/ScrollableContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { ScrollArea } from \"@webiny/admin-ui\";\n\nexport const ScrollableContainer = ({ children }: any) => {\n    return (\n        <ScrollArea className={\"h-[calc(100vh-var(--spacing-header)-65px)]\"}>{children}</ScrollArea>\n    );\n};\n"],"names":["ScrollableContainer","children","ScrollArea"],"mappings":";;AAGO,MAAMA,sBAAsB,CAAC,EAAEC,QAAQ,EAAO,GAC1C,WAAP,GACI,oBAACC,YAAUA;QAAC,WAAW;OAA+CD"}

package/BaseEditor/config/Sidebar/Sidebar.js

@@ -1,51 +1,46 @@
-import React from "react";
+import react from "react";
 import { makeDecoratable } from "@webiny/app-admin";
-import { Element as CoreElement } from "../Element.js";
+import { Element } from "../Element.js";
 import { Layout } from "./Layout.js";
-import { Elements as BaseElements } from "../Elements.js";
+import { Elements } from "../Elements.js";
 import { Tab } from "./Tab.js";
 import { createGetId } from "../createGetId.js";
-import { ScrollableContainer } from "../Sidebar/ScrollableContainer.js";
+import { ScrollableContainer } from "./ScrollableContainer.js";
 const SCOPE = "sidebar";
-const BaseSidebar = makeDecoratable("SidebarScopedLayout", () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "w-[300px] flex-none"
-  }, /*#__PURE__*/React.createElement(Layout, null));
-});
-const ScopedElement = makeDecoratable("SidebarScopedElement", props => {
-  return /*#__PURE__*/React.createElement(CoreElement, Object.assign({}, props, {
-    scope: SCOPE
-  }));
-});
+const BaseSidebar = makeDecoratable("SidebarScopedLayout", ()=>/*#__PURE__*/ react.createElement("div", {
+        className: "w-[300px] flex-none"
+    }, /*#__PURE__*/ react.createElement(Layout, null)));
+const ScopedElement = makeDecoratable("SidebarScopedElement", (props)=>/*#__PURE__*/ react.createElement(Element, {
+        ...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
+const BaseElement = makeDecoratable("SidebarElement", (props)=>/*#__PURE__*/ react.createElement(ScopedElement, {
+        ...props,
+        id: getElementId(props.name),
+        before: props.before ? getElementId(props.before) : void 0,
+        after: props.after ? getElementId(props.after) : void 0
+    }));
+const Sidebar_Elements = makeDecoratable("SidebarElements", (props)=>/*#__PURE__*/ react.createElement(Elements, {
+        ...props,
+        scope: SCOPE
+    }));
+const BaseGroup = makeDecoratable("SidebarGroup", (props)=>/*#__PURE__*/ react.createElement(ScopedElement, {
+        ...props,
+        group: "groups",
+        id: getElementId(props.name),
+        before: props.before ? getElementId(props.before) : void 0,
+        after: props.after ? getElementId(props.after) : void 0
+    }));
+const Sidebar = Object.assign(BaseSidebar, {
+    Layout: Layout,
+    Element: BaseElement,
+    Elements: Sidebar_Elements,
+    Group: Object.assign(BaseGroup, {
+        Tab: Tab
+    }),
+    ScrollableContainer: ScrollableContainer
 });
+export { Sidebar };
 
 //# sourceMappingURL=Sidebar.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Element","CoreElement","Layout","Elements","BaseElements","Tab","createGetId","ScrollableContainer","SCOPE","BaseSidebar","createElement","className","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 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-[300px] 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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,OAAO,IAAIC,WAAW;AAC/B,SAASC,MAAM;AAEf,SAASC,QAAQ,IAAIC,YAAY;AACjC,SAASC,GAAG;AACZ,SAASC,WAAW;AACpB,SAASC,mBAAmB;AAE5B,MAAMC,KAAK,GAAG,SAAS;AAEvB,MAAMC,WAAW,GAAGV,eAAe,CAAC,qBAAqB,EAAE,MAAM;EAC7D,oBACID,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAAsB,gBAClCb,KAAA,CAAAY,aAAA,CAACR,MAAM,MAAE,CACR,CAAC;AAEd,CAAC,CAAC;AAIF,MAAMU,aAAa,GAAGb,eAAe,CAAC,sBAAsB,EAAGc,KAAyB,IAAK;EACzF,oBAAOf,KAAA,CAAAY,aAAA,CAACT,WAAW,EAAAa,MAAA,CAAAC,MAAA,KAAKF,KAAK;IAAEG,KAAK,EAAER;EAAM,EAAE,CAAC;AACnD,CAAC,CAAC;AAEF,MAAMS,YAAY,GAAGX,WAAW,CAACE,KAAK,CAAC,CAAC,CAAC;AAIzC,MAAMU,WAAW,GAAGnB,eAAe,CAAC,gBAAgB,EAAGc,KAAuB,IAAK;EAC/E,oBACIf,KAAA,CAAAY,aAAA,CAACE,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,MAAMnB,QAAQ,GAAGJ,eAAe,CAAC,iBAAiB,EAAGc,KAAoB,IAAK;EAC1E,oBAAOf,KAAA,CAAAY,aAAA,CAACN,YAAY,EAAAU,MAAA,CAAAC,MAAA,KAAKF,KAAK;IAAEG,KAAK,EAAER;EAAM,EAAE,CAAC;AACpD,CAAC,CAAC;AAIF,MAAMgB,SAAS,GAAGzB,eAAe,CAAC,cAAc,EAAGc,KAAiB,IAAK;EACrE,oBACIf,KAAA,CAAAY,aAAA,CAACE,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,CAACN,WAAW,EAAE;EAC9CP,MAAM;EACNF,OAAO,EAAEkB,WAAW;EACpBf,QAAQ;EACRwB,KAAK,EAAEb,MAAM,CAACC,MAAM,CAACS,SAAS,EAAE;IAAEnB;EAAI,CAAC,CAAC;EACxCE;AACJ,CAAC,CAAC","ignoreList":[]}
+{"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-[300px] 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"}

package/BaseEditor/config/Sidebar/Tab.js

@@ -1,36 +1,31 @@
-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 react from "react";
+import styled from "@emotion/styled";
 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;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTRCIiwiZmlsZSI6IlRhYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRhYnMgfSBmcm9tIFwiQHdlYmlueS9hZG1pbi11aVwiO1xuXG5leHBvcnQgY29uc3QgVGFiQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgaGVpZ2h0OiBcImNhbGMoMTAwdmggLSA0NHB4IC0gNDlweClcIiwgLy8gU3VidHJhY3QgdG9wLWJhciBhbmQgdGFiLWhlYWRlciBoZWlnaHRcbiAgICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICAgIC8vIFN0eWxlIHNjcm9sbGJhclxuICAgIFwiJjo6LXdlYmtpdC1zY3JvbGxiYXJcIjoge1xuICAgICAgICB3aWR0aDogMVxuICAgIH0sXG4gICAgXCImOjotd2Via2l0LXNjcm9sbGJhci10cmFja1wiOiB7XG4gICAgICAgIGJveFNoYWRvdzogXCJpbnNldCAwIDAgNnB4IHJnYmEoMCwgMCwgMCwgMC4zKVwiXG4gICAgfSxcbiAgICBcIiY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcImRhcmtncmV5XCIsXG4gICAgICAgIG91dGxpbmU6IFwiMXB4IHNvbGlkIHNsYXRlZ3JleVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiUHJvcHMge1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBsYWJlbDogc3RyaW5nO1xuICAgIG5vUGFkZGluZz86IGJvb2xlYW47XG4gICAgZWxlbWVudDogUmVhY3QuSlNYLkVsZW1lbnQ7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAgIHZpc2libGU/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgVGFiID0gKHsgbmFtZSwgbGFiZWwsIGRpc2FibGVkLCBlbGVtZW50LCB2aXNpYmxlLCBub1BhZGRpbmcgfTogVGFiUHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8VGFicy5UYWJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17bm9QYWRkaW5nID8gXCJwLTBcIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIHZhbHVlPXtuYW1lfVxuICAgICAgICAgICAgdHJpZ2dlcj17bGFiZWx9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICB2aXNpYmxlPXt2aXNpYmxlfVxuICAgICAgICAgICAgY29udGVudD17PFRhYkNvbnRhaW5lcj57ZWxlbWVudH08L1RhYkNvbnRhaW5lcj59XG4gICAgICAgIC8+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+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"
+    }
 });
-export const Tab = ({
-  name,
-  label,
-  disabled,
-  element,
-  visible,
-  noPadding
-}) => {
-  return /*#__PURE__*/React.createElement(Tabs.Tab, {
-    className: noPadding ? "p-0" : undefined,
-    value: name,
-    trigger: label,
-    disabled: disabled,
-    visible: visible,
-    content: /*#__PURE__*/React.createElement(TabContainer, null, element)
-  });
-};
+const Tab = ({ name, label, disabled, element, visible, noPadding })=>/*#__PURE__*/ react.createElement(Tabs.Tab, {
+        className: noPadding ? "p-0" : void 0,
+        value: name,
+        trigger: label,
+        disabled: disabled,
+        visible: visible,
+        content: /*#__PURE__*/ react.createElement(TabContainer, null, element)
+    });
+export { Tab, TabContainer };
 
 //# sourceMappingURL=Tab.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Tabs","TabContainer","_styled","process","env","NODE_ENV","target","label","name","styles","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: React.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 ? \"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,QAAA,EAAAC;AAAA,CAiBxC,CAAC;AAWF,OAAO,MAAMC,GAAG,GAAGA,CAAC;EAAEJ,IAAI;EAAED,KAAK;EAAEM,QAAQ;EAAEC,OAAO;EAAEC,OAAO;EAAEC;AAAoB,CAAC,KAAK;EACrF,oBACIjB,KAAA,CAAAkB,aAAA,CAACjB,IAAI,CAACY,GAAG;IACLM,SAAS,EAAEF,SAAS,GAAG,KAAK,GAAGG,SAAU;IACzCC,KAAK,EAAEZ,IAAK;IACZa,OAAO,EAAEd,KAAM;IACfM,QAAQ,EAAEA,QAAS;IACnBE,OAAO,EAAEA,OAAQ;IACjBO,OAAO,eAAEvB,KAAA,CAAAkB,aAAA,CAAChB,YAAY,QAAEa,OAAsB;EAAE,CACnD,CAAC;AAEV,CAAC","ignoreList":[]}
+{"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 { 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: React.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 ? \"p-0\" : undefined}\n            value={name}\n            trigger={label}\n            disabled={disabled}\n            visible={visible}\n            content={<TabContainer>{element}</TabContainer>}\n        />\n    );\n};\n"],"names":["TabContainer","styled","Tab","name","label","disabled","element","visible","noPadding","Tabs","undefined"],"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,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAY,GACzE,WAAP,GACI,oBAACC,KAAK,GAAG;QACL,WAAWD,YAAY,QAAQE;QAC/B,OAAOP;QACP,SAASC;QACT,UAAUC;QACV,SAASE;QACT,uBAAS,oBAACP,cAAYA,MAAEM"}

package/BaseEditor/config/Toolbar/Layout.js

@@ -1,20 +1,21 @@
-import React from "react";
+import react from "react";
 import { Toolbar } from "./Toolbar.js";
 import { Tabs } from "@webiny/admin-ui/Tabs/index.js";
-export const Layout = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    "data-role": "editor-toolbar",
-    className: "bg-neutral-base border-r-sm border-r-neutral-dimmed w-[300px] h-full"
-  }, /*#__PURE__*/React.createElement(Tabs, {
-    size: "md",
-    spacing: "md",
-    defaultValue: "insert",
-    tabs: [/*#__PURE__*/React.createElement(Toolbar.Elements, {
-      key: "tabs",
-      group: "tabs"
-    })],
-    separator: true
-  }));
-};
+const Layout = ()=>/*#__PURE__*/ react.createElement("div", {
+        "data-role": "editor-toolbar",
+        className: "bg-neutral-base border-r-sm border-r-neutral-dimmed w-[300px] h-full"
+    }, /*#__PURE__*/ react.createElement(Tabs, {
+        size: "md",
+        spacing: "md",
+        defaultValue: "insert",
+        tabs: [
+            /*#__PURE__*/ react.createElement(Toolbar.Elements, {
+                key: "tabs",
+                group: "tabs"
+            })
+        ],
+        separator: true
+    }));
+export { Layout };
 
 //# sourceMappingURL=Layout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Toolbar","Tabs","Layout","createElement","className","size","spacing","defaultValue","tabs","Elements","key","group","separator"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Toolbar } from \"./Toolbar.js\";\nimport { Tabs } from \"@webiny/admin-ui/Tabs/index.js\";\n\nexport const Layout = () => {\n    return (\n        <div\n            data-role={\"editor-toolbar\"}\n            className={\"bg-neutral-base border-r-sm border-r-neutral-dimmed w-[300px] h-full\"}\n        >\n            <Tabs\n                size=\"md\"\n                spacing={\"md\"}\n                defaultValue={\"insert\"}\n                tabs={[<Toolbar.Elements key=\"tabs\" group={\"tabs\"} />]}\n                separator={true}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO;AAChB,SAASC,IAAI,QAAQ,gCAAgC;AAErD,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,oBACIH,KAAA,CAAAI,aAAA;IACI,aAAW,gBAAiB;IAC5BC,SAAS,EAAE;EAAuE,gBAElFL,KAAA,CAAAI,aAAA,CAACF,IAAI;IACDI,IAAI,EAAC,IAAI;IACTC,OAAO,EAAE,IAAK;IACdC,YAAY,EAAE,QAAS;IACvBC,IAAI,EAAE,cAACT,KAAA,CAAAI,aAAA,CAACH,OAAO,CAACS,QAAQ;MAACC,GAAG,EAAC,MAAM;MAACC,KAAK,EAAE;IAAO,CAAE,CAAC,CAAE;IACvDC,SAAS,EAAE;EAAK,CACnB,CACA,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/Toolbar/Layout.js","sources":["../../../../src/BaseEditor/config/Toolbar/Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Toolbar } from \"./Toolbar.js\";\nimport { Tabs } from \"@webiny/admin-ui/Tabs/index.js\";\n\nexport const Layout = () => {\n    return (\n        <div\n            data-role={\"editor-toolbar\"}\n            className={\"bg-neutral-base border-r-sm border-r-neutral-dimmed w-[300px] h-full\"}\n        >\n            <Tabs\n                size=\"md\"\n                spacing={\"md\"}\n                defaultValue={\"insert\"}\n                tabs={[<Toolbar.Elements key=\"tabs\" group={\"tabs\"} />]}\n                separator={true}\n            />\n        </div>\n    );\n};\n"],"names":["Layout","Tabs","Toolbar"],"mappings":";;;AAIO,MAAMA,SAAS,IACX,WAAP,GACI,oBAAC;QACG,aAAW;QACX,WAAW;qBAEX,oBAACC,MAAIA;QACD,MAAK;QACL,SAAS;QACT,cAAc;QACd,MAAM;0BAAC,oBAACC,QAAQ,QAAQ;gBAAC,KAAI;gBAAO,OAAO;;SAAW;QACtD,WAAW"}

package/BaseEditor/config/Toolbar/Toolbar.js

@@ -1,34 +1,31 @@
-import React from "react";
+import react from "react";
 import { makeDecoratable } from "@webiny/app-admin";
-import { Element as BaseElement } from "../Element.js";
+import { Element } from "../Element.js";
 import { Layout } from "./Layout.js";
-import { Elements as BaseElements } from "../Elements.js";
+import { Elements } from "../Elements.js";
 import { createGetId } from "../createGetId.js";
 const SCOPE = "toolbar";
-const BaseToolbar = makeDecoratable("ToolbarLayout", () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "w-[300px] flex-none",
-    "data-affects-preview": "width"
-  }, /*#__PURE__*/React.createElement(Layout, null));
-});
+const BaseToolbar = makeDecoratable("ToolbarLayout", ()=>/*#__PURE__*/ react.createElement("div", {
+        className: "w-[300px] flex-none",
+        "data-affects-preview": "width"
+    }, /*#__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
+const BaseToolbarElement = makeDecoratable("ToolbarElement", (props)=>/*#__PURE__*/ react.createElement(Element, {
+        ...props,
+        scope: SCOPE,
+        id: getElementId(props.name),
+        before: props.before ? getElementId(props.before) : void 0,
+        after: props.after ? getElementId(props.after) : void 0
+    }));
+const Toolbar_Elements = makeDecoratable("ToolbarElements", (props)=>/*#__PURE__*/ react.createElement(Elements, {
+        ...props,
+        scope: SCOPE
+    }));
+const Toolbar = Object.assign(BaseToolbar, {
+    Layout: Layout,
+    Element: BaseToolbarElement,
+    Elements: Toolbar_Elements
 });
+export { Toolbar };
 
 //# sourceMappingURL=Toolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Element","BaseElement","Layout","Elements","BaseElements","createGetId","SCOPE","BaseToolbar","createElement","className","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 type { ElementProps as BaseElementProps } from \"../Element.js\";\nimport { Element as BaseElement } from \"../Element.js\";\nimport { Layout } from \"./Layout.js\";\nimport type { ElementsProps as BaseElementsProps } from \"../Elements.js\";\nimport { Elements as BaseElements } from \"../Elements.js\";\nimport { createGetId } from \"../createGetId.js\";\n\nconst SCOPE = \"toolbar\";\n\nconst BaseToolbar = makeDecoratable(\"ToolbarLayout\", () => {\n    return (\n        <div className={\"w-[300px] flex-none\"} data-affects-preview={\"width\"}>\n            <Layout />\n        </div>\n    );\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;AAEnD,SAASC,OAAO,IAAIC,WAAW;AAC/B,SAASC,MAAM;AAEf,SAASC,QAAQ,IAAIC,YAAY;AACjC,SAASC,WAAW;AAEpB,MAAMC,KAAK,GAAG,SAAS;AAEvB,MAAMC,WAAW,GAAGR,eAAe,CAAC,eAAe,EAAE,MAAM;EACvD,oBACID,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAE,qBAAsB;IAAC,wBAAsB;EAAQ,gBACjEX,KAAA,CAAAU,aAAA,CAACN,MAAM,MAAE,CACR,CAAC;AAEd,CAAC,CAAC;AAEF,MAAMQ,YAAY,GAAGL,WAAW,CAACC,KAAK,CAAC,CAAC,CAAC;AAIzC,MAAMK,kBAAkB,GAAGZ,eAAe,CAAC,gBAAgB,EAAGa,KAAmB,IAAK;EAClF,oBACId,KAAA,CAAAU,aAAA,CAACP,WAAW,EAAAY,MAAA,CAAAC,MAAA,KACJF,KAAK;IACTG,KAAK,EAAET,KAAM;IACbU,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,MAAMhB,QAAQ,GAAGJ,eAAe,CAAC,iBAAiB,EAAGa,KAAoB,IAAK;EAC1E,oBAAOd,KAAA,CAAAU,aAAA,CAACJ,YAAY,EAAAS,MAAA,CAAAC,MAAA,KAAKF,KAAK;IAAEG,KAAK,EAAET;EAAM,EAAE,CAAC;AACpD,CAAC,CAAC;AAEF,OAAO,MAAMe,OAAO,GAAGR,MAAM,CAACC,MAAM,CAACP,WAAW,EAAE;EAC9CL,MAAM;EACNF,OAAO,EAAEW,kBAAkB;EAC3BR;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/Toolbar/Toolbar.js","sources":["../../../../src/BaseEditor/config/Toolbar/Toolbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport type { ElementProps as BaseElementProps } from \"../Element.js\";\nimport { Element as BaseElement } from \"../Element.js\";\nimport { Layout } from \"./Layout.js\";\nimport type { ElementsProps as BaseElementsProps } from \"../Elements.js\";\nimport { Elements as BaseElements } from \"../Elements.js\";\nimport { createGetId } from \"../createGetId.js\";\n\nconst SCOPE = \"toolbar\";\n\nconst BaseToolbar = makeDecoratable(\"ToolbarLayout\", () => {\n    return (\n        <div className={\"w-[300px] flex-none\"} data-affects-preview={\"width\"}>\n            <Layout />\n        </div>\n    );\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"],"names":["SCOPE","BaseToolbar","makeDecoratable","Layout","getElementId","createGetId","BaseToolbarElement","props","BaseElement","undefined","Elements","BaseElements","Toolbar","Object"],"mappings":";;;;;;AASA,MAAMA,QAAQ;AAEd,MAAMC,cAAcC,gBAAgB,iBAAiB,IAC1C,WAAP,GACI,oBAAC;QAAI,WAAW;QAAuB,wBAAsB;qBACzD,oBAACC,QAAMA;AAKnB,MAAMC,eAAeC,YAAYL;AAIjC,MAAMM,qBAAqBJ,gBAAgB,kBAAkB,CAACK,QACnD,WAAP,GACI,oBAACC,SAAWA;QACP,GAAGD,KAAK;QACT,OAAOP;QACP,IAAII,aAAaG,MAAM,IAAI;QAC3B,QAAQA,MAAM,MAAM,GAAGH,aAAaG,MAAM,MAAM,IAAIE;QACpD,OAAOF,MAAM,KAAK,GAAGH,aAAaG,MAAM,KAAK,IAAIE;;AAO7D,MAAMC,mBAAWR,gBAAgB,mBAAmB,CAACK,QAC1C,WAAP,GAAO,oBAACI,UAAYA;QAAE,GAAGJ,KAAK;QAAE,OAAOP;;AAGpC,MAAMY,UAAUC,OAAO,MAAM,CAACZ,aAAa;IAC9CE,QAAMA;IACN,SAASG;IACTI,UAAAA;AACJ"}

package/BaseEditor/config/TopBar/Divider.js

@@ -1,22 +1,14 @@
-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 react from "react";
+import styled from "@emotion/styled";
 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)/*# 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);
-});
+const StyledDivider = styled.div`
+    width: 1px;
+    margin: 0 5px;
+    height: 100%;
+    flex: none;
+    background-color: var(--mdc-theme-on-background);
+`;
+const Divider = makeDecoratable("TopBarDivider", ()=>/*#__PURE__*/ react.createElement(StyledDivider, null));
+export { Divider };
 
 //# sourceMappingURL=Divider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","StyledDivider","_styled","process","env","NODE_ENV","target","label","name","styles","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,QAAA,EAAAC;AAAA,EAMlB;AAED,OAAO,MAAMC,OAAO,GAAGZ,eAAe,CAAC,eAAe,EAAE,MAAM;EAC1D,oBAAOD,KAAA,CAAAc,aAAA,CAACZ,aAAa,MAAE,CAAC;AAC5B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/TopBar/Divider.js","sources":["../../../../src/BaseEditor/config/TopBar/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"],"names":["StyledDivider","styled","Divider","makeDecoratable"],"mappings":";;;AAIA,MAAMA,gBAAgBC,OAAO,GAAG,CAAC;;;;;;AAMjC,CAAC;AAEM,MAAMC,UAAUC,gBAAgB,iBAAiB,IAC7C,WAAP,GAAO,oBAACH,eAAaA"}

package/BaseEditor/config/TopBar/Layout.js

@@ -1,36 +1,31 @@
-import React from "react";
-import { makeDecoratable, OptionsMenu } from "@webiny/app-admin";
+import react from "react";
+import { OptionsMenu, makeDecoratable } from "@webiny/app-admin";
 import { HeaderBar } from "@webiny/admin-ui";
 import { TopBar } from "./TopBar.js";
-export const Layout = makeDecoratable("TopBarLayout", () => {
-  return /*#__PURE__*/React.createElement(HeaderBar, {
-    "data-role": "top-bar-layout",
-    "data-affects-preview": "height",
-    start: /*#__PURE__*/React.createElement(TopBar.Elements, {
-      group: "left"
-    }),
-    middle: /*#__PURE__*/React.createElement(TopBar.Elements, {
-      group: "center"
-    }),
-    end: /*#__PURE__*/React.createElement("div", {
-      className: "flex items-center gap-sm"
-    }, /*#__PURE__*/React.createElement(TopBar.Elements, {
-      group: "actions"
-    }))
-  });
-});
-export const TopBarOptionsMenu = () => {
-  return /*#__PURE__*/React.createElement(TopBar.Elements, {
-    group: "dropdownActions",
-    render: elements => {
-      if (elements.length === 0) {
-        return null;
-      }
-      return /*#__PURE__*/React.createElement(OptionsMenu, {
-        actions: elements
-      });
-    }
-  });
-};
+const Layout = makeDecoratable("TopBarLayout", ()=>/*#__PURE__*/ react.createElement(HeaderBar, {
+        "data-role": "top-bar-layout",
+        "data-affects-preview": "height",
+        start: /*#__PURE__*/ react.createElement(TopBar.Elements, {
+            group: "left"
+        }),
+        middle: /*#__PURE__*/ react.createElement(TopBar.Elements, {
+            group: "center"
+        }),
+        end: /*#__PURE__*/ react.createElement("div", {
+            className: "flex items-center gap-sm"
+        }, /*#__PURE__*/ react.createElement(TopBar.Elements, {
+            group: "actions"
+        }))
+    }));
+const TopBarOptionsMenu = ()=>/*#__PURE__*/ react.createElement(TopBar.Elements, {
+        group: "dropdownActions",
+        render: (elements)=>{
+            if (0 === elements.length) return null;
+            return /*#__PURE__*/ react.createElement(OptionsMenu, {
+                actions: elements
+            });
+        }
+    });
+export { Layout, TopBarOptionsMenu };
 
 //# sourceMappingURL=Layout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","OptionsMenu","HeaderBar","TopBar","Layout","createElement","start","Elements","group","middle","end","className","TopBarOptionsMenu","render","elements","length","actions"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable, OptionsMenu } from \"@webiny/app-admin\";\nimport { HeaderBar } from \"@webiny/admin-ui\";\nimport { TopBar } from \"./TopBar.js\";\n\nexport const Layout = makeDecoratable(\"TopBarLayout\", () => {\n    return (\n        <HeaderBar\n            data-role={\"top-bar-layout\"}\n            data-affects-preview={\"height\"}\n            start={<TopBar.Elements group={\"left\"} />}\n            middle={<TopBar.Elements group={\"center\"} />}\n            end={\n                <div className={\"flex items-center gap-sm\"}>\n                    <TopBar.Elements group={\"actions\"} />\n                </div>\n            }\n        />\n    );\n});\n\nexport const TopBarOptionsMenu = () => {\n    return (\n        <TopBar.Elements\n            group={\"dropdownActions\"}\n            render={elements => {\n                if (elements.length === 0) {\n                    return null;\n                }\n\n                return <OptionsMenu actions={elements} />;\n            }}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,WAAW,QAAQ,mBAAmB;AAChE,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,MAAM;AAEf,OAAO,MAAMC,MAAM,GAAGJ,eAAe,CAAC,cAAc,EAAE,MAAM;EACxD,oBACID,KAAA,CAAAM,aAAA,CAACH,SAAS;IACN,aAAW,gBAAiB;IAC5B,wBAAsB,QAAS;IAC/BI,KAAK,eAAEP,KAAA,CAAAM,aAAA,CAACF,MAAM,CAACI,QAAQ;MAACC,KAAK,EAAE;IAAO,CAAE,CAAE;IAC1CC,MAAM,eAAEV,KAAA,CAAAM,aAAA,CAACF,MAAM,CAACI,QAAQ;MAACC,KAAK,EAAE;IAAS,CAAE,CAAE;IAC7CE,GAAG,eACCX,KAAA,CAAAM,aAAA;MAAKM,SAAS,EAAE;IAA2B,gBACvCZ,KAAA,CAAAM,aAAA,CAACF,MAAM,CAACI,QAAQ;MAACC,KAAK,EAAE;IAAU,CAAE,CACnC;EACR,CACJ,CAAC;AAEV,CAAC,CAAC;AAEF,OAAO,MAAMI,iBAAiB,GAAGA,CAAA,KAAM;EACnC,oBACIb,KAAA,CAAAM,aAAA,CAACF,MAAM,CAACI,QAAQ;IACZC,KAAK,EAAE,iBAAkB;IACzBK,MAAM,EAAEC,QAAQ,IAAI;MAChB,IAAIA,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAE;QACvB,OAAO,IAAI;MACf;MAEA,oBAAOhB,KAAA,CAAAM,aAAA,CAACJ,WAAW;QAACe,OAAO,EAAEF;MAAS,CAAE,CAAC;IAC7C;EAAE,CACL,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/TopBar/Layout.js","sources":["../../../../src/BaseEditor/config/TopBar/Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable, OptionsMenu } from \"@webiny/app-admin\";\nimport { HeaderBar } from \"@webiny/admin-ui\";\nimport { TopBar } from \"./TopBar.js\";\n\nexport const Layout = makeDecoratable(\"TopBarLayout\", () => {\n    return (\n        <HeaderBar\n            data-role={\"top-bar-layout\"}\n            data-affects-preview={\"height\"}\n            start={<TopBar.Elements group={\"left\"} />}\n            middle={<TopBar.Elements group={\"center\"} />}\n            end={\n                <div className={\"flex items-center gap-sm\"}>\n                    <TopBar.Elements group={\"actions\"} />\n                </div>\n            }\n        />\n    );\n});\n\nexport const TopBarOptionsMenu = () => {\n    return (\n        <TopBar.Elements\n            group={\"dropdownActions\"}\n            render={elements => {\n                if (elements.length === 0) {\n                    return null;\n                }\n\n                return <OptionsMenu actions={elements} />;\n            }}\n        />\n    );\n};\n"],"names":["Layout","makeDecoratable","HeaderBar","TopBar","TopBarOptionsMenu","elements","OptionsMenu"],"mappings":";;;;AAKO,MAAMA,SAASC,gBAAgB,gBAAgB,IAC3C,WAAP,GACI,oBAACC,WAASA;QACN,aAAW;QACX,wBAAsB;QACtB,qBAAO,oBAACC,OAAO,QAAQ;YAAC,OAAO;;QAC/B,sBAAQ,oBAACA,OAAO,QAAQ;YAAC,OAAO;;QAChC,mBACI,oBAAC;YAAI,WAAW;yBACZ,oBAACA,OAAO,QAAQ;YAAC,OAAO;;;AAOrC,MAAMC,oBAAoB,IACtB,WAAP,GACI,oBAACD,OAAO,QAAQ;QACZ,OAAO;QACP,QAAQE,CAAAA;YACJ,IAAIA,AAAoB,MAApBA,SAAS,MAAM,EACf,OAAO;YAGX,OAAO,WAAP,GAAO,oBAACC,aAAWA;gBAAC,SAASD;;QACjC"}

package/BaseEditor/config/TopBar/MenuItem.js

@@ -1,15 +1,15 @@
-import React from "react";
-import { ListItemGraphic } from "@webiny/ui/List/index.js";
-import { Icon } from "@webiny/ui/Icon/index.js";
-import { MenuItem as UiMenuItem } from "@webiny/ui/Menu/index.js";
-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);
-};
+import react from "react";
+import { DropdownMenu, Icon } from "@webiny/admin-ui";
+const MenuItem = (props)=>/*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        onClick: props.onClick,
+        disabled: Boolean(props.disabled),
+        "data-testid": props["data-testid"],
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            icon: props.icon,
+            label: props.label
+        }),
+        text: props.label
+    });
+export { MenuItem };
 
 //# sourceMappingURL=MenuItem.js.map

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

@@ -1 +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/index.js\";\nimport { Icon } from \"@webiny/ui/Icon/index.js\";\nimport { MenuItem as UiMenuItem } from \"@webiny/ui/Menu/index.js\";\n\nexport interface MenuItemProps {\n    label: string;\n    onClick: () => void;\n    icon: React.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,0BAA0B;AAC1D,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,QAAQ,IAAIC,UAAU,QAAQ,0BAA0B;AAUjE,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":[]}
+{"version":3,"file":"BaseEditor/config/TopBar/MenuItem.js","sources":["../../../../src/BaseEditor/config/TopBar/MenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu, Icon } from \"@webiny/admin-ui\";\n\nexport interface MenuItemProps {\n    label: string;\n    onClick: () => void;\n    icon: React.JSX.Element;\n    \"data-testid\"?: string;\n    disabled?: boolean;\n}\n\nexport const MenuItem = (props: MenuItemProps) => {\n    return (\n        <DropdownMenu.Item\n            onClick={props.onClick}\n            disabled={Boolean(props.disabled)}\n            data-testid={props[\"data-testid\"]}\n            icon={<Icon icon={props.icon} label={props.label} />}\n            text={props.label}\n        />\n    );\n};\n"],"names":["MenuItem","props","DropdownMenu","Boolean","Icon"],"mappings":";;AAWO,MAAMA,WAAW,CAACC,QACd,WAAP,GACI,oBAACC,aAAa,IAAI;QACd,SAASD,MAAM,OAAO;QACtB,UAAUE,QAAQF,MAAM,QAAQ;QAChC,eAAaA,KAAK,CAAC,cAAc;QACjC,oBAAM,oBAACG,MAAIA;YAAC,MAAMH,MAAM,IAAI;YAAE,OAAOA,MAAM,KAAK;;QAChD,MAAMA,MAAM,KAAK"}