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

package/BaseEditor/config/ElementOverlay.js

@@ -1,49 +1,38 @@
-import React from "react";
-import { Element as BaseElement } from "./Element.js";
-import { Elements as BaseElements } from "./Elements.js";
+import react from "react";
+import { Element } from "./Element.js";
+import { Elements } from "./Elements.js";
 import { useElementOverlay } from "../hooks/useElementOverlay.js";
-const Element = ({
-  name,
-  element
-}) => {
-  return /*#__PURE__*/React.createElement(BaseElement, {
-    name: name,
-    element: element,
-    scope: "elementOverlay"
-  });
+const ElementOverlay_Element = ({ name, element })=>/*#__PURE__*/ react.createElement(Element, {
+        name: name,
+        element: element,
+        scope: "elementOverlay"
+    });
+const ElementOverlay_Elements = ()=>/*#__PURE__*/ react.createElement(Elements, {
+        scope: "elementOverlay"
+    });
+const empty = void 0;
+const Container = ({ position, children })=>{
+    const { box } = useElementOverlay();
+    const top = position.top !== empty ? box.top + position.top : empty;
+    const left = position.left !== empty ? box.left + position.left : empty;
+    const bottom = position.bottom !== empty ? box.top + box.height - position.bottom : empty;
+    const right = position.right !== empty ? box.left + box.width - position.right : empty;
+    return /*#__PURE__*/ react.createElement("div", {
+        "data-role": "element-overlay",
+        className: "absolute pointer-events-auto",
+        style: {
+            top: top ?? bottom,
+            left: left ?? right,
+            zIndex: 100 + box.depth + 100
+        }
+    }, children);
 };
-const Elements = () => {
-  return /*#__PURE__*/React.createElement(BaseElements, {
-    scope: "elementOverlay"
-  });
-};
-const empty = undefined;
-const Container = ({
-  position,
-  children
-}) => {
-  const {
-    box
-  } = useElementOverlay();
-  const top = position.top !== empty ? box.top + position.top : empty;
-  const left = position.left !== empty ? box.left + position.left : empty;
-  const bottom = position.bottom !== empty ? box.top + box.height - position.bottom : empty;
-  const right = position.right !== empty ? box.left + box.width - position.right : empty;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-role": "element-overlay",
-    className: "absolute pointer-events-auto",
-    style: {
-      top: top ?? bottom,
-      left: left ?? right,
-      zIndex: 100 + box.depth + 100
-    }
-  }, children);
-};
-export const ElementOverlay = {
-  Element: Object.assign(Element, {
-    Container
-  }),
-  Elements
+const ElementOverlay = {
+    Element: Object.assign(ElementOverlay_Element, {
+        Container: Container
+    }),
+    Elements: ElementOverlay_Elements
 };
+export { ElementOverlay };
 
 //# sourceMappingURL=ElementOverlay.js.map

package/BaseEditor/config/ElementOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Element","BaseElement","Elements","BaseElements","useElementOverlay","name","element","createElement","scope","empty","undefined","Container","position","children","box","top","left","bottom","height","right","width","className","style","zIndex","depth","ElementOverlay","Object","assign"],"sources":["ElementOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport { Element as BaseElement, type ElementProps as BaseElementProps } from \"./Element.js\";\nimport { Elements as BaseElements } from \"./Elements.js\";\nimport { useElementOverlay } from \"~/BaseEditor/hooks/useElementOverlay.js\";\n\nexport type ElementProps = Pick<BaseElementProps, \"name\" | \"element\">;\n\nconst Element = ({ name, element }: ElementProps) => {\n    return <BaseElement name={name} element={element} scope={\"elementOverlay\"} />;\n};\n\nconst Elements = () => {\n    return <BaseElements scope={\"elementOverlay\"} />;\n};\n\nexport interface ElementOverlayContainerProps {\n    position: {\n        top?: number;\n        left?: number;\n        bottom?: number;\n        right?: number;\n    };\n    children: React.ReactNode;\n}\n\nconst empty = undefined;\n\nconst Container = ({ position, children }: ElementOverlayContainerProps) => {\n    const { box } = useElementOverlay();\n\n    const top = position.top !== empty ? box.top + position.top : empty;\n    const left = position.left !== empty ? box.left + position.left : empty;\n    const bottom = position.bottom !== empty ? box.top + box.height - position.bottom : empty;\n    const right = position.right !== empty ? box.left + box.width - position.right : empty;\n\n    return (\n        <div\n            data-role={\"element-overlay\"}\n            className={\"absolute pointer-events-auto\"}\n            style={{ top: top ?? bottom, left: left ?? right, zIndex: 100 + box.depth + 100 }}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport const ElementOverlay = {\n    Element: Object.assign(Element, { Container }),\n    Elements\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,IAAIC,WAAW;AAC/B,SAASC,QAAQ,IAAIC,YAAY;AACjC,SAASC,iBAAiB;AAI1B,MAAMJ,OAAO,GAAGA,CAAC;EAAEK,IAAI;EAAEC;AAAsB,CAAC,KAAK;EACjD,oBAAOP,KAAA,CAAAQ,aAAA,CAACN,WAAW;IAACI,IAAI,EAAEA,IAAK;IAACC,OAAO,EAAEA,OAAQ;IAACE,KAAK,EAAE;EAAiB,CAAE,CAAC;AACjF,CAAC;AAED,MAAMN,QAAQ,GAAGA,CAAA,KAAM;EACnB,oBAAOH,KAAA,CAAAQ,aAAA,CAACJ,YAAY;IAACK,KAAK,EAAE;EAAiB,CAAE,CAAC;AACpD,CAAC;AAYD,MAAMC,KAAK,GAAGC,SAAS;AAEvB,MAAMC,SAAS,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAuC,CAAC,KAAK;EACxE,MAAM;IAAEC;EAAI,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EAEnC,MAAMW,GAAG,GAAGH,QAAQ,CAACG,GAAG,KAAKN,KAAK,GAAGK,GAAG,CAACC,GAAG,GAAGH,QAAQ,CAACG,GAAG,GAAGN,KAAK;EACnE,MAAMO,IAAI,GAAGJ,QAAQ,CAACI,IAAI,KAAKP,KAAK,GAAGK,GAAG,CAACE,IAAI,GAAGJ,QAAQ,CAACI,IAAI,GAAGP,KAAK;EACvE,MAAMQ,MAAM,GAAGL,QAAQ,CAACK,MAAM,KAAKR,KAAK,GAAGK,GAAG,CAACC,GAAG,GAAGD,GAAG,CAACI,MAAM,GAAGN,QAAQ,CAACK,MAAM,GAAGR,KAAK;EACzF,MAAMU,KAAK,GAAGP,QAAQ,CAACO,KAAK,KAAKV,KAAK,GAAGK,GAAG,CAACE,IAAI,GAAGF,GAAG,CAACM,KAAK,GAAGR,QAAQ,CAACO,KAAK,GAAGV,KAAK;EAEtF,oBACIV,KAAA,CAAAQ,aAAA;IACI,aAAW,iBAAkB;IAC7Bc,SAAS,EAAE,8BAA+B;IAC1CC,KAAK,EAAE;MAAEP,GAAG,EAAEA,GAAG,IAAIE,MAAM;MAAED,IAAI,EAAEA,IAAI,IAAIG,KAAK;MAAEI,MAAM,EAAE,GAAG,GAAGT,GAAG,CAACU,KAAK,GAAG;IAAI;EAAE,GAEjFX,QACA,CAAC;AAEd,CAAC;AAED,OAAO,MAAMY,cAAc,GAAG;EAC1BzB,OAAO,EAAE0B,MAAM,CAACC,MAAM,CAAC3B,OAAO,EAAE;IAAEW;EAAU,CAAC,CAAC;EAC9CT;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/ElementOverlay.js","sources":["../../../src/BaseEditor/config/ElementOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport { Element as BaseElement, type ElementProps as BaseElementProps } from \"./Element.js\";\nimport { Elements as BaseElements } from \"./Elements.js\";\nimport { useElementOverlay } from \"~/BaseEditor/hooks/useElementOverlay.js\";\n\nexport type ElementProps = Pick<BaseElementProps, \"name\" | \"element\">;\n\nconst Element = ({ name, element }: ElementProps) => {\n    return <BaseElement name={name} element={element} scope={\"elementOverlay\"} />;\n};\n\nconst Elements = () => {\n    return <BaseElements scope={\"elementOverlay\"} />;\n};\n\nexport interface ElementOverlayContainerProps {\n    position: {\n        top?: number;\n        left?: number;\n        bottom?: number;\n        right?: number;\n    };\n    children: React.ReactNode;\n}\n\nconst empty = undefined;\n\nconst Container = ({ position, children }: ElementOverlayContainerProps) => {\n    const { box } = useElementOverlay();\n\n    const top = position.top !== empty ? box.top + position.top : empty;\n    const left = position.left !== empty ? box.left + position.left : empty;\n    const bottom = position.bottom !== empty ? box.top + box.height - position.bottom : empty;\n    const right = position.right !== empty ? box.left + box.width - position.right : empty;\n\n    return (\n        <div\n            data-role={\"element-overlay\"}\n            className={\"absolute pointer-events-auto\"}\n            style={{ top: top ?? bottom, left: left ?? right, zIndex: 100 + box.depth + 100 }}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport const ElementOverlay = {\n    Element: Object.assign(Element, { Container }),\n    Elements\n};\n"],"names":["Element","name","element","BaseElement","Elements","BaseElements","empty","undefined","Container","position","children","box","useElementOverlay","top","left","bottom","right","ElementOverlay","Object"],"mappings":";;;;AAOA,MAAMA,yBAAU,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAgB,GACrC,WAAP,GAAO,oBAACC,SAAWA;QAAC,MAAMF;QAAM,SAASC;QAAS,OAAO;;AAG7D,MAAME,0BAAW,IACN,WAAP,GAAO,oBAACC,UAAYA;QAAC,OAAO;;AAahC,MAAMC,QAAQC;AAEd,MAAMC,YAAY,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAgC;IACnE,MAAM,EAAEC,GAAG,EAAE,GAAGC;IAEhB,MAAMC,MAAMJ,SAAS,GAAG,KAAKH,QAAQK,IAAI,GAAG,GAAGF,SAAS,GAAG,GAAGH;IAC9D,MAAMQ,OAAOL,SAAS,IAAI,KAAKH,QAAQK,IAAI,IAAI,GAAGF,SAAS,IAAI,GAAGH;IAClE,MAAMS,SAASN,SAAS,MAAM,KAAKH,QAAQK,IAAI,GAAG,GAAGA,IAAI,MAAM,GAAGF,SAAS,MAAM,GAAGH;IACpF,MAAMU,QAAQP,SAAS,KAAK,KAAKH,QAAQK,IAAI,IAAI,GAAGA,IAAI,KAAK,GAAGF,SAAS,KAAK,GAAGH;IAEjF,OAAO,WAAP,GACI,oBAAC;QACG,aAAW;QACX,WAAW;QACX,OAAO;YAAE,KAAKO,OAAOE;YAAQ,MAAMD,QAAQE;YAAO,QAAQ,MAAML,IAAI,KAAK,GAAG;QAAI;OAE/ED;AAGb;AAEO,MAAMO,iBAAiB;IAC1B,SAASC,OAAO,MAAM,CAAClB,wBAAS;QAAEQ,WAAAA;IAAU;IAC5CJ,UAAAA;AACJ"}

package/BaseEditor/config/ElementProperty.js

@@ -1,30 +1,29 @@
-import React from "react";
+import react from "react";
 import { makeDecoratable } from "@webiny/react-composition";
 import { Element } from "./Element.js";
 import { Elements } from "./Elements.js";
 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 getElementId = (value)=>[
+        "elementProperty",
+        value
+    ].join(":");
+const BaseElementProperty = makeDecoratable("ElementProperty", (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 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
-  });
+    STYLE: "styleGroup",
+    ELEMENT: "elementGroup"
 };
+const ElementProperty = Object.assign(BaseElementProperty, ElementPropertyGroups);
+const ElementProperties = (props)=>/*#__PURE__*/ react.createElement(Elements, {
+        group: props.group,
+        scope: SCOPE,
+        transform: props.transform
+    });
+export { ElementProperties, ElementProperty };
 
 //# sourceMappingURL=ElementProperty.js.map

package/BaseEditor/config/ElementProperty.js.map

@@ -1 +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 type { ElementProps } from \"./Element.js\";\nimport { Element } from \"./Element.js\";\nimport type { ElementsProps } from \"./Elements.js\";\nimport { Elements } from \"./Elements.js\";\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;AAE3D,SAASC,OAAO;AAEhB,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":[]}
+{"version":3,"file":"BaseEditor/config/ElementProperty.js","sources":["../../../src/BaseEditor/config/ElementProperty.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport type { ElementProps } from \"./Element.js\";\nimport { Element } from \"./Element.js\";\nimport type { ElementsProps } from \"./Elements.js\";\nimport { Elements } from \"./Elements.js\";\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"],"names":["SCOPE","getElementId","value","BaseElementProperty","makeDecoratable","props","Element","undefined","ElementPropertyGroups","ElementProperty","Object","ElementProperties","Elements"],"mappings":";;;;AAOA,MAAMA,QAAQ;AAId,MAAMC,eAAe,CAACC,QACX;QAAC;QAAmBA;KAAM,CAAC,IAAI,CAAC;AAG3C,MAAMC,sBAAsBC,gBAAgB,mBAAmB,CAACC,QACrD,WAAP,GACI,oBAACC,SAAOA;QACH,GAAGD,KAAK;QACT,OAAOL;QACP,IAAIC,aAAaI,MAAM,IAAI;QAC3B,QAAQA,MAAM,MAAM,GAAGJ,aAAaI,MAAM,MAAM,IAAIE;QACpD,OAAOF,MAAM,KAAK,GAAGJ,aAAaI,MAAM,KAAK,IAAIE;;AAK7D,MAAMC,wBAAwB;IAC1B,OAAO;IACP,SAAS;AACb;AAEO,MAAMC,kBAAkBC,OAAO,MAAM,CAACP,qBAAqBK;AAO3D,MAAMG,oBAAoB,CAACN,QACvB,WAAP,GAAO,oBAACO,UAAQA;QAAC,OAAOP,MAAM,KAAK;QAAE,OAAOL;QAAO,WAAWK,MAAM,SAAS"}

package/BaseEditor/config/Elements.js

@@ -1,37 +1,27 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import { useEditorConfig } from "./EditorConfig.js";
-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;
-const defaultRender = elements => {
-  return elements.map(element => /*#__PURE__*/React.createElement("wb-editor-ui-element", {
-    key: element.name,
-    "data-name": element.name,
-    class: "contents"
-  }, element.element));
-};
-export const Elements = ({
-  group,
-  scope,
-  transform = defaultTransform,
-  render = defaultRender
-}) => {
-  const {
-    elements
-  } = useEditorConfig();
-  const groupElements = useMemo(() => {
-    return elements.filter(byGroup(group)).filter(byScope(scope));
-  }, [elements, group, scope]);
-  return /*#__PURE__*/React.createElement("wb-editor-ui-elements", {
-    "data-scope": scope,
-    "data-group": group,
-    class: "contents"
-  }, render(transform(groupElements)));
+const passthrough = ()=>true;
+const byGroup = (group)=>group ? (item)=>item.group === group : passthrough;
+const byScope = (scope)=>scope ? (item)=>item.scope === scope : passthrough;
+const defaultTransform = (elements)=>elements;
+const defaultRender = (elements)=>elements.map((element)=>/*#__PURE__*/ react.createElement("wb-editor-ui-element", {
+            key: element.name,
+            "data-name": element.name,
+            class: "contents"
+        }, element.element));
+const Elements = ({ group, scope, transform = defaultTransform, render = defaultRender })=>{
+    const { elements } = useEditorConfig();
+    const groupElements = useMemo(()=>elements.filter(byGroup(group)).filter(byScope(scope)), [
+        elements,
+        group,
+        scope
+    ]);
+    return /*#__PURE__*/ react.createElement("wb-editor-ui-elements", {
+        "data-scope": scope,
+        "data-group": group,
+        class: "contents"
+    }, render(transform(groupElements)));
 };
+export { Elements };
 
 //# sourceMappingURL=Elements.js.map

package/BaseEditor/config/Elements.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useEditorConfig","passthrough","byGroup","group","item","byScope","scope","defaultTransform","elements","defaultRender","map","element","createElement","key","name","class","Elements","transform","render","groupElements","filter"],"sources":["Elements.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useEditorConfig } from \"./EditorConfig.js\";\nimport type { ElementConfig } from \"./Element.js\";\n\ndeclare module \"react\" {\n    namespace JSX {\n        interface IntrinsicElements {\n            \"wb-editor-ui-elements\": {\n                class?: string;\n                \"data-scope\"?: string;\n                \"data-group\"?: string;\n                [key: string]: any;\n            };\n            \"wb-editor-ui-element\": {\n                class?: string;\n                \"data-name\"?: string;\n                [key: string]: any;\n            };\n        }\n    }\n}\n\nexport interface ElementsProps {\n    group?: string;\n    scope?: string;\n    transform?: (elements: ElementConfig[]) => ElementConfig[];\n    render?: (elements: ElementConfig[]) => React.ReactNode;\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\nconst defaultRender = (elements: ElementConfig[]) => {\n    return elements.map(element => (\n        <wb-editor-ui-element key={element.name} data-name={element.name} class={\"contents\"}>\n            {element.element}\n        </wb-editor-ui-element>\n    ));\n};\n\nexport const Elements = ({\n    group,\n    scope,\n    transform = defaultTransform,\n    render = defaultRender\n}: 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        <wb-editor-ui-elements data-scope={scope} data-group={group} class={\"contents\"}>\n            {render(transform(groupElements))}\n        </wb-editor-ui-elements>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AA4BxB,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,MAAMC,aAAa,GAAID,QAAyB,IAAK;EACjD,OAAOA,QAAQ,CAACE,GAAG,CAACC,OAAO,iBACvBb,KAAA,CAAAc,aAAA;IAAsBC,GAAG,EAAEF,OAAO,CAACG,IAAK;IAAC,aAAWH,OAAO,CAACG,IAAK;IAACC,KAAK,EAAE;EAAW,GAC/EJ,OAAO,CAACA,OACS,CACzB,CAAC;AACN,CAAC;AAED,OAAO,MAAMK,QAAQ,GAAGA,CAAC;EACrBb,KAAK;EACLG,KAAK;EACLW,SAAS,GAAGV,gBAAgB;EAC5BW,MAAM,GAAGT;AACE,CAAC,KAAK;EACjB,MAAM;IAAED;EAAS,CAAC,GAAGR,eAAe,CAAC,CAAC;EAEtC,MAAMmB,aAAa,GAAGpB,OAAO,CAAC,MAAM;IAChC,OAAOS,QAAQ,CAACY,MAAM,CAAClB,OAAO,CAACC,KAAK,CAAC,CAAC,CAACiB,MAAM,CAACf,OAAO,CAACC,KAAK,CAAC,CAAC;EACjE,CAAC,EAAE,CAACE,QAAQ,EAAEL,KAAK,EAAEG,KAAK,CAAC,CAAC;EAE5B,oBACIR,KAAA,CAAAc,aAAA;IAAuB,cAAYN,KAAM;IAAC,cAAYH,KAAM;IAACY,KAAK,EAAE;EAAW,GAC1EG,MAAM,CAACD,SAAS,CAACE,aAAa,CAAC,CACb,CAAC;AAEhC,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/Elements.js","sources":["../../../src/BaseEditor/config/Elements.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useEditorConfig } from \"./EditorConfig.js\";\nimport type { ElementConfig } from \"./Element.js\";\n\ndeclare module \"react\" {\n    namespace JSX {\n        interface IntrinsicElements {\n            \"wb-editor-ui-elements\": {\n                class?: string;\n                \"data-scope\"?: string;\n                \"data-group\"?: string;\n                [key: string]: any;\n            };\n            \"wb-editor-ui-element\": {\n                class?: string;\n                \"data-name\"?: string;\n                [key: string]: any;\n            };\n        }\n    }\n}\n\nexport interface ElementsProps {\n    group?: string;\n    scope?: string;\n    transform?: (elements: ElementConfig[]) => ElementConfig[];\n    render?: (elements: ElementConfig[]) => React.ReactNode;\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\nconst defaultRender = (elements: ElementConfig[]) => {\n    return elements.map(element => (\n        <wb-editor-ui-element key={element.name} data-name={element.name} class={\"contents\"}>\n            {element.element}\n        </wb-editor-ui-element>\n    ));\n};\n\nexport const Elements = ({\n    group,\n    scope,\n    transform = defaultTransform,\n    render = defaultRender\n}: 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        <wb-editor-ui-elements data-scope={scope} data-group={group} class={\"contents\"}>\n            {render(transform(groupElements))}\n        </wb-editor-ui-elements>\n    );\n};\n"],"names":["passthrough","byGroup","group","item","byScope","scope","defaultTransform","elements","defaultRender","element","Elements","transform","render","useEditorConfig","groupElements","useMemo"],"mappings":";;AA6BA,MAAMA,cAAc,IAAM;AAE1B,MAAMC,UAAU,CAACC,QACNA,QAAQ,CAACC,OAAwBA,KAAK,KAAK,KAAKD,QAAQF;AAEnE,MAAMI,UAAU,CAACC,QACNA,QAAQ,CAACF,OAAwBA,KAAK,KAAK,KAAKE,QAAQL;AAGnE,MAAMM,mBAAmB,CAACC,WAA8BA;AAExD,MAAMC,gBAAgB,CAACD,WACZA,SAAS,GAAG,CAACE,CAAAA,UAAAA,WAAAA,GAChB,oBAAC;YAAqB,KAAKA,QAAQ,IAAI;YAAE,aAAWA,QAAQ,IAAI;YAAE,OAAO;WACpEA,QAAQ,OAAO;AAKrB,MAAMC,WAAW,CAAC,EACrBR,KAAK,EACLG,KAAK,EACLM,YAAYL,gBAAgB,EAC5BM,SAASJ,aAAa,EACV;IACZ,MAAM,EAAED,QAAQ,EAAE,GAAGM;IAErB,MAAMC,gBAAgBC,QAAQ,IACnBR,SAAS,MAAM,CAACN,QAAQC,QAAQ,MAAM,CAACE,QAAQC,SACvD;QAACE;QAAUL;QAAOG;KAAM;IAE3B,OAAO,WAAP,GACI,oBAAC;QAAsB,cAAYA;QAAO,cAAYH;QAAO,OAAO;OAC/DU,OAAOD,UAAUG;AAG9B"}

package/BaseEditor/config/IconButton.js

@@ -1,20 +1,14 @@
-import React from "react";
-import { IconButton as BaseIconButton } from "@webiny/ui/Button/index.js";
-import { Tooltip } from "@webiny/ui/Tooltip/index.js";
-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
-  }));
-};
+import react from "react";
+import { IconButton, Tooltip } from "@webiny/admin-ui";
+const IconButton_IconButton = ({ label, icon, disabled = false, onClick })=>/*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: label,
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            icon: icon,
+            onClick: onClick,
+            disabled: disabled
+        })
+    });
+export { IconButton_IconButton as IconButton };
 
 //# sourceMappingURL=IconButton.js.map

package/BaseEditor/config/IconButton.js.map

@@ -1 +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/index.js\";\nimport { Tooltip } from \"@webiny/ui/Tooltip/index.js\";\n\nexport interface IconButtonProps {\n    icon: React.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,4BAA4B;AACzE,SAASC,OAAO,QAAQ,6BAA6B;AASrD,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":[]}
+{"version":3,"file":"BaseEditor/config/IconButton.js","sources":["../../../src/BaseEditor/config/IconButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton as AdminUiIconButton, Tooltip } from \"@webiny/admin-ui\";\n\nexport interface IconButtonProps {\n    icon: React.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\n            side={\"bottom\"}\n            content={label}\n            trigger={<AdminUiIconButton icon={icon} onClick={onClick} disabled={disabled} />}\n        />\n    );\n};\n"],"names":["IconButton","label","icon","disabled","onClick","Tooltip","AdminUiIconButton"],"mappings":";;AAUO,MAAMA,wBAAa,CAAC,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,KAAK,EAAEC,OAAO,EAAmB,GAC3E,WAAP,GACI,oBAACC,SAAOA;QACJ,MAAM;QACN,SAASJ;QACT,uBAAS,oBAACK,YAAiBA;YAAC,MAAMJ;YAAM,SAASE;YAAS,UAAUD"}

package/BaseEditor/config/IsNotReadOnly.js

@@ -1,13 +1,10 @@
-import React from "react";
+import react from "react";
 import { useSelectFromEditor } from "../hooks/useSelectFromEditor.js";
-export const IsNotReadOnly = ({
-  children
-}) => {
-  const isEditorReadOnly = useSelectFromEditor(state => state.isReadOnly);
-  if (isEditorReadOnly) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+const IsNotReadOnly = ({ children })=>{
+    const isEditorReadOnly = useSelectFromEditor((state)=>state.isReadOnly);
+    if (isEditorReadOnly) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
 };
+export { IsNotReadOnly };
 
 //# sourceMappingURL=IsNotReadOnly.js.map

package/BaseEditor/config/IsNotReadOnly.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useSelectFromEditor","IsNotReadOnly","children","isEditorReadOnly","state","isReadOnly","createElement","Fragment"],"sources":["IsNotReadOnly.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\n\nexport interface IsNotReadOnlyProps {\n    children: React.ReactNode;\n}\n\nexport const IsNotReadOnly = ({ children }: IsNotReadOnlyProps) => {\n    const isEditorReadOnly = useSelectFromEditor(state => state.isReadOnly);\n\n    if (isEditorReadOnly) {\n        return null;\n    }\n\n    return <>{children}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAM5B,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EAC/D,MAAMC,gBAAgB,GAAGH,mBAAmB,CAACI,KAAK,IAAIA,KAAK,CAACC,UAAU,CAAC;EAEvE,IAAIF,gBAAgB,EAAE;IAClB,OAAO,IAAI;EACf;EAEA,oBAAOJ,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QAAGL,QAAW,CAAC;AAC1B,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/IsNotReadOnly.js","sources":["../../../src/BaseEditor/config/IsNotReadOnly.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\n\nexport interface IsNotReadOnlyProps {\n    children: React.ReactNode;\n}\n\nexport const IsNotReadOnly = ({ children }: IsNotReadOnlyProps) => {\n    const isEditorReadOnly = useSelectFromEditor(state => state.isReadOnly);\n\n    if (isEditorReadOnly) {\n        return null;\n    }\n\n    return <>{children}</>;\n};\n"],"names":["IsNotReadOnly","children","isEditorReadOnly","useSelectFromEditor","state"],"mappings":";;AAOO,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAsB;IAC1D,MAAMC,mBAAmBC,oBAAoBC,CAAAA,QAASA,MAAM,UAAU;IAEtE,IAAIF,kBACA,OAAO;IAGX,OAAO,WAAP,GAAO,0CAAGD;AACd"}

package/BaseEditor/config/IsReadOnly.js

@@ -1,13 +1,10 @@
-import React from "react";
+import react from "react";
 import { useSelectFromEditor } from "../hooks/useSelectFromEditor.js";
-export const IsReadOnly = ({
-  children
-}) => {
-  const isEditorReadOnly = useSelectFromEditor(state => state.isReadOnly);
-  if (isEditorReadOnly) {
+const IsReadOnly = ({ children })=>{
+    const isEditorReadOnly = useSelectFromEditor((state)=>state.isReadOnly);
+    if (isEditorReadOnly) return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
     return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 };
+export { IsReadOnly };
 
 //# sourceMappingURL=IsReadOnly.js.map

package/BaseEditor/config/IsReadOnly.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useSelectFromEditor","IsReadOnly","children","isEditorReadOnly","state","isReadOnly","createElement","Fragment"],"sources":["IsReadOnly.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\n\nexport interface IsNotReadOnlyProps {\n    children: React.ReactNode;\n}\n\nexport const IsReadOnly = ({ children }: IsNotReadOnlyProps) => {\n    const isEditorReadOnly = useSelectFromEditor(state => state.isReadOnly);\n\n    if (isEditorReadOnly) {\n        return null;\n    }\n\n    return <>{children}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB;AAM5B,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EAC5D,MAAMC,gBAAgB,GAAGH,mBAAmB,CAACI,KAAK,IAAIA,KAAK,CAACC,UAAU,CAAC;EAEvE,IAAIF,gBAAgB,EAAE;IAClB,OAAO,IAAI;EACf;EAEA,oBAAOJ,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QAAGL,QAAW,CAAC;AAC1B,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/IsReadOnly.js","sources":["../../../src/BaseEditor/config/IsReadOnly.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\n\nexport interface IsNotReadOnlyProps {\n    children: React.ReactNode;\n}\n\nexport const IsReadOnly = ({ children }: IsNotReadOnlyProps) => {\n    const isEditorReadOnly = useSelectFromEditor(state => state.isReadOnly);\n\n    if (isEditorReadOnly) {\n        return <>{children}</>;\n    }\n    return null;\n};\n"],"names":["IsReadOnly","children","isEditorReadOnly","useSelectFromEditor","state"],"mappings":";;AAOO,MAAMA,aAAa,CAAC,EAAEC,QAAQ,EAAsB;IACvD,MAAMC,mBAAmBC,oBAAoBC,CAAAA,QAASA,MAAM,UAAU;IAEtE,IAAIF,kBACA,OAAO,WAAP,GAAO,0CAAGD;IAEd,OAAO;AACX"}

package/BaseEditor/config/Layout.js

@@ -1,45 +1,36 @@
-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 react, { useEffect } from "react";
 import { makeDecoratable } from "@webiny/react-composition";
 import { EditorConfig } from "./EditorConfig.js";
+import styled from "@emotion/styled";
 import { IsNotReadOnly } from "./IsNotReadOnly.js";
 import { useReservedUISpace } from "../hooks/useReservedUISpace.js";
 import { useDocumentEditor } from "../../DocumentEditor/index.js";
-const EditorLayoutContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e17ht31x0"
-} : {
-  target: "e17ht31x0",
-  label: "EditorLayoutContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "3ytxc3",
-  styles: "height:100%;overflow:hidden"
-} : {
-  name: "3ytxc3",
-  styles: "height:100%;overflow:hidden/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXdDIiwiZmlsZSI6IkxheW91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1jb21wb3NpdGlvblwiO1xuaW1wb3J0IHsgRWRpdG9yQ29uZmlnIH0gZnJvbSBcIi4vRWRpdG9yQ29uZmlnLmpzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IElzTm90UmVhZE9ubHkgfSBmcm9tIFwifi9CYXNlRWRpdG9yL2NvbmZpZy9Jc05vdFJlYWRPbmx5LmpzXCI7XG5pbXBvcnQgeyB1c2VSZXNlcnZlZFVJU3BhY2UgfSBmcm9tIFwifi9CYXNlRWRpdG9yL2hvb2tzL3VzZVJlc2VydmVkVUlTcGFjZS5qc1wiO1xuaW1wb3J0IHsgdXNlRG9jdW1lbnRFZGl0b3IgfSBmcm9tIFwifi9Eb2N1bWVudEVkaXRvci9pbmRleC5qc1wiO1xuXG5jb25zdCBFZGl0b3JMYXlvdXRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGhlaWdodDogMTAwJTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuYDtcblxuZXhwb3J0IGNvbnN0IExheW91dCA9IG1ha2VEZWNvcmF0YWJsZShcIkVkaXRvckxheW91dFwiLCAoKSA9PiB7XG4gICAgY29uc3QgZWRpdG9yID0gdXNlRG9jdW1lbnRFZGl0b3IoKTtcblxuICAgIHVzZVJlc2VydmVkVUlTcGFjZShkaW1lbnNpb25zID0+IHtcbiAgICAgICAgZWRpdG9yLnVwZGF0ZUVkaXRvcihzdGF0ZSA9PiB7XG4gICAgICAgICAgICBzdGF0ZS51aVJlc2VydmVkU3BhY2UgPSBkaW1lbnNpb25zO1xuICAgICAgICB9KTtcbiAgICB9KTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGN1cnJlbnRPdmVyZmxvdyA9IGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3c7XG4gICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSBcImhpZGRlblwiO1xuICAgICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9IGN1cnJlbnRPdmVyZmxvdztcbiAgICAgICAgfTtcbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RWRpdG9yTGF5b3V0Q29udGFpbmVyPlxuICAgICAgICAgICAgPEVkaXRvckNvbmZpZy5VaS5Ub3BCYXIgLz5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtcImZsZXggZmxleC1yb3cgYm9yZGVyLXNvbGlkIGJvcmRlci10LTEgYm9yZGVyLW5ldXRyYWwtZGltbWVkXCJ9PlxuICAgICAgICAgICAgICAgIDxJc05vdFJlYWRPbmx5PlxuICAgICAgICAgICAgICAgICAgICA8RWRpdG9yQ29uZmlnLlVpLlRvb2xiYXIgLz5cbiAgICAgICAgICAgICAgICA8L0lzTm90UmVhZE9ubHk+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wiZmxleC1hdXRvXCJ9PlxuICAgICAgICAgICAgICAgICAgICA8RWRpdG9yQ29uZmlnLlVpLkNvbnRlbnQgLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8SXNOb3RSZWFkT25seT5cbiAgICAgICAgICAgICAgICAgICAgPEVkaXRvckNvbmZpZy5VaS5TaWRlYmFyIC8+XG4gICAgICAgICAgICAgICAgPC9Jc05vdFJlYWRPbmx5PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8RWRpdG9yQ29uZmlnLlVpLkVsZW1lbnRzIGdyb3VwPXtcIm92ZXJsYXlzXCJ9IC8+XG4gICAgICAgIDwvRWRpdG9yTGF5b3V0Q29udGFpbmVyPlxuICAgICk7XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const Layout = makeDecoratable("EditorLayout", () => {
-  const editor = useDocumentEditor();
-  useReservedUISpace(dimensions => {
-    editor.updateEditor(state => {
-      state.uiReservedSpace = dimensions;
+const EditorLayoutContainer = styled.div`
+    height: 100%;
+    overflow: hidden;
+`;
+const Layout = makeDecoratable("EditorLayout", ()=>{
+    const editor = useDocumentEditor();
+    useReservedUISpace((dimensions)=>{
+        editor.updateEditor((state)=>{
+            state.uiReservedSpace = dimensions;
+        });
     });
-  });
-  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: "flex flex-row border-solid border-t-1 border-neutral-dimmed"
-  }, /*#__PURE__*/React.createElement(IsNotReadOnly, null, /*#__PURE__*/React.createElement(EditorConfig.Ui.Toolbar, null)), /*#__PURE__*/React.createElement("div", {
-    className: "flex-auto"
-  }, /*#__PURE__*/React.createElement(EditorConfig.Ui.Content, null)), /*#__PURE__*/React.createElement(IsNotReadOnly, null, /*#__PURE__*/React.createElement(EditorConfig.Ui.Sidebar, null))), /*#__PURE__*/React.createElement(EditorConfig.Ui.Elements, {
-    group: "overlays"
-  }));
+    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: "flex flex-row border-solid border-t-1 border-neutral-dimmed"
+    }, /*#__PURE__*/ react.createElement(IsNotReadOnly, null, /*#__PURE__*/ react.createElement(EditorConfig.Ui.Toolbar, null)), /*#__PURE__*/ react.createElement("div", {
+        className: "flex-auto"
+    }, /*#__PURE__*/ react.createElement(EditorConfig.Ui.Content, null)), /*#__PURE__*/ react.createElement(IsNotReadOnly, null, /*#__PURE__*/ react.createElement(EditorConfig.Ui.Sidebar, null))), /*#__PURE__*/ react.createElement(EditorConfig.Ui.Elements, {
+        group: "overlays"
+    }));
 });
+export { Layout };
 
 //# sourceMappingURL=Layout.js.map

package/BaseEditor/config/Layout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","makeDecoratable","EditorConfig","IsNotReadOnly","useReservedUISpace","useDocumentEditor","EditorLayoutContainer","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Layout","editor","dimensions","updateEditor","state","uiReservedSpace","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.js\";\nimport styled from \"@emotion/styled\";\nimport { IsNotReadOnly } from \"~/BaseEditor/config/IsNotReadOnly.js\";\nimport { useReservedUISpace } from \"~/BaseEditor/hooks/useReservedUISpace.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\n\nconst EditorLayoutContainer = styled.div`\n    height: 100%;\n    overflow: hidden;\n`;\n\nexport const Layout = makeDecoratable(\"EditorLayout\", () => {\n    const editor = useDocumentEditor();\n\n    useReservedUISpace(dimensions => {\n        editor.updateEditor(state => {\n            state.uiReservedSpace = dimensions;\n        });\n    });\n\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={\"flex flex-row border-solid border-t-1 border-neutral-dimmed\"}>\n                <IsNotReadOnly>\n                    <EditorConfig.Ui.Toolbar />\n                </IsNotReadOnly>\n                <div className={\"flex-auto\"}>\n                    <EditorConfig.Ui.Content />\n                </div>\n                <IsNotReadOnly>\n                    <EditorConfig.Ui.Sidebar />\n                </IsNotReadOnly>\n            </div>\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;AAErB,SAASC,aAAa;AACtB,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAE1B,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,QAAA,EAAAC;AAAA,EAG1B;AAED,OAAO,MAAMC,MAAM,GAAGhB,eAAe,CAAC,cAAc,EAAE,MAAM;EACxD,MAAMiB,MAAM,GAAGb,iBAAiB,CAAC,CAAC;EAElCD,kBAAkB,CAACe,UAAU,IAAI;IAC7BD,MAAM,CAACE,YAAY,CAACC,KAAK,IAAI;MACzBA,KAAK,CAACC,eAAe,GAAGH,UAAU;IACtC,CAAC,CAAC;EACN,CAAC,CAAC;EAEFnB,SAAS,CAAC,MAAM;IACZ,MAAMuB,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,oBACIxB,KAAA,CAAA6B,aAAA,CAACtB,qBAAqB,qBAClBP,KAAA,CAAA6B,aAAA,CAAC1B,YAAY,CAAC2B,EAAE,CAACC,MAAM,MAAE,CAAC,eAC1B/B,KAAA,CAAA6B,aAAA;IAAKG,SAAS,EAAE;EAA8D,gBAC1EhC,KAAA,CAAA6B,aAAA,CAACzB,aAAa,qBACVJ,KAAA,CAAA6B,aAAA,CAAC1B,YAAY,CAAC2B,EAAE,CAACG,OAAO,MAAE,CACf,CAAC,eAChBjC,KAAA,CAAA6B,aAAA;IAAKG,SAAS,EAAE;EAAY,gBACxBhC,KAAA,CAAA6B,aAAA,CAAC1B,YAAY,CAAC2B,EAAE,CAACI,OAAO,MAAE,CACzB,CAAC,eACNlC,KAAA,CAAA6B,aAAA,CAACzB,aAAa,qBACVJ,KAAA,CAAA6B,aAAA,CAAC1B,YAAY,CAAC2B,EAAE,CAACK,OAAO,MAAE,CACf,CACd,CAAC,eACNnC,KAAA,CAAA6B,aAAA,CAAC1B,YAAY,CAAC2B,EAAE,CAACM,QAAQ;IAACC,KAAK,EAAE;EAAW,CAAE,CAC3B,CAAC;AAEhC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/Layout.js","sources":["../../../src/BaseEditor/config/Layout.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { EditorConfig } from \"./EditorConfig.js\";\nimport styled from \"@emotion/styled\";\nimport { IsNotReadOnly } from \"~/BaseEditor/config/IsNotReadOnly.js\";\nimport { useReservedUISpace } from \"~/BaseEditor/hooks/useReservedUISpace.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\n\nconst EditorLayoutContainer = styled.div`\n    height: 100%;\n    overflow: hidden;\n`;\n\nexport const Layout = makeDecoratable(\"EditorLayout\", () => {\n    const editor = useDocumentEditor();\n\n    useReservedUISpace(dimensions => {\n        editor.updateEditor(state => {\n            state.uiReservedSpace = dimensions;\n        });\n    });\n\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={\"flex flex-row border-solid border-t-1 border-neutral-dimmed\"}>\n                <IsNotReadOnly>\n                    <EditorConfig.Ui.Toolbar />\n                </IsNotReadOnly>\n                <div className={\"flex-auto\"}>\n                    <EditorConfig.Ui.Content />\n                </div>\n                <IsNotReadOnly>\n                    <EditorConfig.Ui.Sidebar />\n                </IsNotReadOnly>\n            </div>\n            <EditorConfig.Ui.Elements group={\"overlays\"} />\n        </EditorLayoutContainer>\n    );\n});\n"],"names":["EditorLayoutContainer","styled","Layout","makeDecoratable","editor","useDocumentEditor","useReservedUISpace","dimensions","state","useEffect","currentOverflow","document","EditorConfig","IsNotReadOnly"],"mappings":";;;;;;;AAQA,MAAMA,wBAAwBC,OAAO,GAAG,CAAC;;;AAGzC,CAAC;AAEM,MAAMC,SAASC,gBAAgB,gBAAgB;IAClD,MAAMC,SAASC;IAEfC,mBAAmBC,CAAAA;QACfH,OAAO,YAAY,CAACI,CAAAA;YAChBA,MAAM,eAAe,GAAGD;QAC5B;IACJ;IAEAE,UAAU;QACN,MAAMC,kBAAkBC,SAAS,IAAI,CAAC,KAAK,CAAC,QAAQ;QACpDA,SAAS,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG;QAC/B,OAAO;YACHA,SAAS,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAGD;QACnC;IACJ,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACV,uBAAqBA,MAAAA,WAAAA,GAClB,oBAACY,aAAa,EAAE,CAAC,MAAM,uBACvB,oBAAC;QAAI,WAAW;qBACZ,oBAACC,eAAaA,MAAAA,WAAAA,GACV,oBAACD,aAAa,EAAE,CAAC,OAAO,wBAE5B,oBAAC;QAAI,WAAW;qBACZ,oBAACA,aAAa,EAAE,CAAC,OAAO,wBAE5B,oBAACC,eAAaA,MAAAA,WAAAA,GACV,oBAACD,aAAa,EAAE,CAAC,OAAO,yBAGhC,oBAACA,aAAa,EAAE,CAAC,QAAQ;QAAC,OAAO;;AAG7C"}

package/BaseEditor/config/NoActiveElement.js

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

package/BaseEditor/config/NoActiveElement.js.map

@@ -1 +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":[]}
+{"version":3,"file":"BaseEditor/config/NoActiveElement.js","sources":["../../../src/BaseEditor/config/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"],"names":["NoActiveElement","children","element","useActiveElement"],"mappings":";;AAOO,MAAMA,kBAAkB,CAAC,EAAEC,QAAQ,EAAwB;IAC9D,MAAM,CAACC,QAAQ,GAAGC;IAElB,IAAID,SACA,OAAO;IAGX,OAAO,WAAP,GAAO,0CAAGD;AACd"}

package/BaseEditor/config/OnActiveElement.js

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

package/BaseEditor/config/OnActiveElement.js.map

@@ -1 +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.js\";\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":[]}
+{"version":3,"file":"BaseEditor/config/OnActiveElement.js","sources":["../../../src/BaseEditor/config/OnActiveElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { useActiveElement } from \"~/BaseEditor/hooks/useActiveElement.js\";\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"],"names":["OnActiveElement","children","element","useActiveElement"],"mappings":";;AAOO,MAAMA,kBAAkB,CAAC,EAAEC,QAAQ,EAAwB;IAC9D,MAAM,CAACC,QAAQ,GAAGC;IAElB,IAAI,CAACD,SACD,OAAO;IAGX,OAAO,WAAP,GAAO,0CAAGD;AACd"}

package/BaseEditor/config/PreviewUrl.js

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

package/BaseEditor/config/Sidebar/Layout.js

@@ -1,22 +1,23 @@
-import React from "react";
+import react from "react";
 import { makeDecoratable } from "@webiny/app-admin";
 import { Tabs } from "@webiny/admin-ui";
 import { Sidebar } from "./Sidebar.js";
-export const Layout = makeDecoratable("SidebarLayout", () => {
-  return /*#__PURE__*/React.createElement("div", {
-    "data-role": "editor-sidebar",
-    "data-affects-preview": "width",
-    className: "bg-neutral-base border-l-sm border-l-neutral-dimmed"
-  }, /*#__PURE__*/React.createElement(Tabs, {
-    size: "md",
-    spacing: "md",
-    separator: true,
-    defaultValue: "element",
-    tabs: [/*#__PURE__*/React.createElement(Sidebar.Elements, {
-      group: "groups",
-      key: "groups"
-    })]
-  }));
-});
+const Layout = makeDecoratable("SidebarLayout", ()=>/*#__PURE__*/ react.createElement("div", {
+        "data-role": "editor-sidebar",
+        "data-affects-preview": "width",
+        className: "bg-neutral-base border-l-sm border-l-neutral-dimmed"
+    }, /*#__PURE__*/ react.createElement(Tabs, {
+        size: "md",
+        spacing: "md",
+        separator: true,
+        defaultValue: "element",
+        tabs: [
+            /*#__PURE__*/ react.createElement(Sidebar.Elements, {
+                group: "groups",
+                key: "groups"
+            })
+        ]
+    })));
+export { Layout };
 
 //# sourceMappingURL=Layout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Tabs","Sidebar","Layout","createElement","className","size","spacing","separator","defaultValue","tabs","Elements","group","key"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Tabs } from \"@webiny/admin-ui\";\nimport { Sidebar } from \"./Sidebar.js\";\n\nexport const Layout = makeDecoratable(\"SidebarLayout\", () => {\n    return (\n        <div\n            data-role=\"editor-sidebar\"\n            data-affects-preview={\"width\"}\n            className={\"bg-neutral-base border-l-sm border-l-neutral-dimmed\"}\n        >\n            <Tabs\n                size=\"md\"\n                spacing={\"md\"}\n                separator={true}\n                defaultValue={\"element\"}\n                tabs={[<Sidebar.Elements group=\"groups\" key={\"groups\"} />]}\n            />\n        </div>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,OAAO;AAEhB,OAAO,MAAMC,MAAM,GAAGH,eAAe,CAAC,eAAe,EAAE,MAAM;EACzD,oBACID,KAAA,CAAAK,aAAA;IACI,aAAU,gBAAgB;IAC1B,wBAAsB,OAAQ;IAC9BC,SAAS,EAAE;EAAsD,gBAEjEN,KAAA,CAAAK,aAAA,CAACH,IAAI;IACDK,IAAI,EAAC,IAAI;IACTC,OAAO,EAAE,IAAK;IACdC,SAAS,EAAE,IAAK;IAChBC,YAAY,EAAE,SAAU;IACxBC,IAAI,EAAE,cAACX,KAAA,CAAAK,aAAA,CAACF,OAAO,CAACS,QAAQ;MAACC,KAAK,EAAC,QAAQ;MAACC,GAAG,EAAE;IAAS,CAAE,CAAC;EAAE,CAC9D,CACA,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/config/Sidebar/Layout.js","sources":["../../../../src/BaseEditor/config/Sidebar/Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Tabs } from \"@webiny/admin-ui\";\nimport { Sidebar } from \"./Sidebar.js\";\n\nexport const Layout = makeDecoratable(\"SidebarLayout\", () => {\n    return (\n        <div\n            data-role=\"editor-sidebar\"\n            data-affects-preview={\"width\"}\n            className={\"bg-neutral-base border-l-sm border-l-neutral-dimmed\"}\n        >\n            <Tabs\n                size=\"md\"\n                spacing={\"md\"}\n                separator={true}\n                defaultValue={\"element\"}\n                tabs={[<Sidebar.Elements group=\"groups\" key={\"groups\"} />]}\n            />\n        </div>\n    );\n});\n"],"names":["Layout","makeDecoratable","Tabs","Sidebar"],"mappings":";;;;AAKO,MAAMA,SAASC,gBAAgB,iBAAiB,IAC5C,WAAP,GACI,oBAAC;QACG,aAAU;QACV,wBAAsB;QACtB,WAAW;qBAEX,oBAACC,MAAIA;QACD,MAAK;QACL,SAAS;QACT,WAAW;QACX,cAAc;QACd,MAAM;0BAAC,oBAACC,QAAQ,QAAQ;gBAAC,OAAM;gBAAS,KAAK;;SAAa"}