npm - @webiny/app-website-builder - Versions diffs - 6.0.0-alpha.4 → 6.0.0-rc.0 - Mend

@webiny/app-website-builder 6.0.0-alpha.4 → 6.0.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1185) hide show

package/inputRenderers/LexicalInput/LexicalEditorConfig.js CHANGED Viewed

@@ -10,19 +10,29 @@ const PluginConfig = props => {
 const NodeConfig = props => {
   return /*#__PURE__*/React.createElement(BaseConfig.Node, props);
 };
-/*
- * Lexical editor public Config API
- */
-export const LexicalEditorConfig = ({
+export const CompactEditorConfig = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(CompositionScope, {
+    name: "compact"
+  }, /*#__PURE__*/React.createElement(BaseConfig, {
+    priority: "secondary"
+  }, children));
+};
+CompactEditorConfig.ToolbarAction = ToolbarAction;
+CompactEditorConfig.Plugin = PluginConfig;
+CompactEditorConfig.Node = NodeConfig;
+export const ExpandedEditorConfig = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement(CompositionScope, {
-    name: "websiteBuilder"
-  }, /*#__PURE__*/React.createElement(BaseConfig, null, children));
+    name: "expanded"
+  }, /*#__PURE__*/React.createElement(BaseConfig, {
+    priority: "secondary"
+  }, children));
 };
-LexicalEditorConfig.ToolbarAction = ToolbarAction;
-LexicalEditorConfig.Plugin = PluginConfig;
-LexicalEditorConfig.Node = NodeConfig;
+ExpandedEditorConfig.ToolbarAction = ToolbarAction;
+ExpandedEditorConfig.Plugin = PluginConfig;
+ExpandedEditorConfig.Node = NodeConfig;
 //# sourceMappingURL=LexicalEditorConfig.js.map

package/inputRenderers/LexicalInput/LexicalEditorConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","LexicalEditorConfig","BaseConfig","CompositionScope","ToolbarAction","props","createElement","ToolbarElement","PluginConfig","Plugin","NodeConfig","Node","children","name"],"sources":["LexicalEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { LexicalEditorConfig as BaseConfig } from \"@webiny/lexical-editor\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst ToolbarAction = (props: React.ComponentProps<typeof BaseConfig.ToolbarElement>) => {\n return <BaseConfig.ToolbarElement {...props} />;\n};\n\nconst PluginConfig = (props: React.ComponentProps<typeof BaseConfig.Plugin>) => {\n return <BaseConfig.Plugin {...props} />;\n};\n\nconst NodeConfig = (props: React.ComponentProps<typeof BaseConfig.Node>) => {\n return <BaseConfig.Node {...props} />;\n};\n\n~~/\~~n ~~Lexical~~ ~~editor~~ ~~public~~ ~~Config~~ ~~API~~\~~n */\~~nexport const ~~LexicalEditorConfig~~ = ({ children }: { children: React.ReactNode }) => {\n return (\n <CompositionScope name={\"~~websiteBuilder~~\"}>\n <BaseConfig>{children}</BaseConfig>\n </CompositionScope>\n );\n};\n\~~nLexicalEditorConfig~~.ToolbarAction = ToolbarAction;\~~nLexicalEditorConfig~~.Plugin = PluginConfig;\~~nLexicalEditorConfig~~.Node = NodeConfig;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,IAAIC,UAAU,QAAQ,wBAAwB;AAC1E,SAASC,gBAAgB,QAAQ,2BAA2B;AAE5D,MAAMC,aAAa,GAAIC,KAA6D,IAAK;EACrF,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACK,cAAc,EAAKF,KAAQ,CAAC;AACnD,CAAC;AAED,MAAMG,YAAY,GAAIH,KAAqD,IAAK;EAC5E,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACO,MAAM,EAAKJ,KAAQ,CAAC;AAC3C,CAAC;AAED,MAAMK,UAAU,GAAIL,KAAmD,IAAK;EACxE,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACS,IAAI,EAAKN,KAAQ,CAAC;AACzC,CAAC;;AAED~~;AACA;AACA;AACA~~,OAAO,~~MAAMJ~~,mBAAmB,GAAGA,CAAC;~~EAAEW~~;AAAwC,CAAC,KAAK;EAChF,~~oBACIZ~~,KAAA,CAAAM,aAAA,CAACH,gBAAgB;~~IAACU~~,IAAI,EAAE;~~EAAiB~~,~~gBACrCb~~,KAAA,CAAAM,aAAA,CAACJ,UAAU,~~QAAEU~~,QAAqB,~~CACpB~~,CAAC;AAE3B,CAAC;~~AAEDX~~,mBAAmB,~~CAACG~~,aAAa,GAAGA,aAAa;~~AACjDH~~,mBAAmB,~~CAACQ~~,MAAM,GAAGD,YAAY;~~AACzCP~~,mBAAmB,~~CAACU~~,IAAI,GAAGD,UAAU","ignoreList":[]}
1	+ {"version":3,"names":["React","LexicalEditorConfig","BaseConfig","CompositionScope","ToolbarAction","props","createElement","ToolbarElement","PluginConfig","Plugin","NodeConfig","Node","CompactEditorConfig","children","name","priority","ExpandedEditorConfig"],"sources":["LexicalEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { LexicalEditorConfig as BaseConfig } from \"@webiny/lexical-editor\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst ToolbarAction = (props: React.ComponentProps<typeof BaseConfig.ToolbarElement>) => {\n return <BaseConfig.ToolbarElement {...props} />;\n};\n\nconst PluginConfig = (props: React.ComponentProps<typeof BaseConfig.Plugin>) => {\n return <BaseConfig.Plugin {...props} />;\n};\n\nconst NodeConfig = (props: React.ComponentProps<typeof BaseConfig.Node>) => {\n return <BaseConfig.Node {...props} />;\n};\n\nexport const CompactEditorConfig = ({ children }: { children: React.ReactNode }) => {\n return (\n <CompositionScope name={\"compact\"}>\n <BaseConfig priority={\"secondary\"}>{children}</BaseConfig>\n </CompositionScope>\n );\n};\n\nCompactEditorConfig.ToolbarAction = ToolbarAction;\nCompactEditorConfig.Plugin = PluginConfig;\nCompactEditorConfig.Node = NodeConfig;\n\nexport const ExpandedEditorConfig = ({ children }: { children: React.ReactNode }) => {\n return (\n <CompositionScope name={\"expanded\"}>\n <BaseConfig priority={\"secondary\"}>{children}</BaseConfig>\n </CompositionScope>\n );\n};\n\nExpandedEditorConfig.ToolbarAction = ToolbarAction;\nExpandedEditorConfig.Plugin = PluginConfig;\nExpandedEditorConfig.Node = NodeConfig;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,IAAIC,UAAU,QAAQ,wBAAwB;AAC1E,SAASC,gBAAgB,QAAQ,2BAA2B;AAE5D,MAAMC,aAAa,GAAIC,KAA6D,IAAK;EACrF,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACK,cAAc,EAAKF,KAAQ,CAAC;AACnD,CAAC;AAED,MAAMG,YAAY,GAAIH,KAAqD,IAAK;EAC5E,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACO,MAAM,EAAKJ,KAAQ,CAAC;AAC3C,CAAC;AAED,MAAMK,UAAU,GAAIL,KAAmD,IAAK;EACxE,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,UAAU,CAACS,IAAI,EAAKN,KAAQ,CAAC;AACzC,CAAC;AAED,OAAO,MAAMO,mBAAmB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EAChF,oBACIb,KAAA,CAAAM,aAAA,CAACH,gBAAgB;IAACW,IAAI,EAAE;EAAU,gBAC9Bd,KAAA,CAAAM,aAAA,CAACJ,UAAU;IAACa,QAAQ,EAAE;EAAY,GAAEF,QAAqB,CAC3C,CAAC;AAE3B,CAAC;AAEDD,mBAAmB,CAACR,aAAa,GAAGA,aAAa;AACjDQ,mBAAmB,CAACH,MAAM,GAAGD,YAAY;AACzCI,mBAAmB,CAACD,IAAI,GAAGD,UAAU;AAErC,OAAO,MAAMM,oBAAoB,GAAGA,CAAC;EAAEH;AAAwC,CAAC,KAAK;EACjF,oBACIb,KAAA,CAAAM,aAAA,CAACH,gBAAgB;IAACW,IAAI,EAAE;EAAW,gBAC/Bd,KAAA,CAAAM,aAAA,CAACJ,UAAU;IAACa,QAAQ,EAAE;EAAY,GAAEF,QAAqB,CAC3C,CAAC;AAE3B,CAAC;AAEDG,oBAAoB,CAACZ,aAAa,GAAGA,aAAa;AAClDY,oBAAoB,CAACP,MAAM,GAAGD,YAAY;AAC1CQ,oBAAoB,CAACL,IAAI,GAAGD,UAAU","ignoreList":[]}

package/inputRenderers/LexicalInput/LexicalInput.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ElementInputRendererProps } from "../../BaseEditor";
+import type { ElementInputRendererProps } from "../../BaseEditor/index.js";
 export declare const LexicalInputRenderer: (props: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/LexicalInput/LexicalInput.js CHANGED Viewed

@@ -1,28 +1,19 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { DelayedOnChange, FormComponentLabel } from "@webiny/admin-ui";
-import { createLexicalStateTransformer } from "@webiny/lexical-converter";
-import { CompositionScope } from "@webiny/app-admin/index";
-import { Dialog } from "@webiny/admin-ui";
+import React, { useCallback, useEffect, useState } from "react";
+import { Dialog, FormComponentLabel } from "@webiny/admin-ui";
+import { CompositionScope } from "@webiny/app-admin";
+import { LexicalLinkForm } from "@webiny/app-admin";
 import { FloatingLinkEditorPlugin, LexicalEditorConfig } from "@webiny/lexical-editor";
-import { LexicalEditor } from "./LexicalEditor";
-import { ExpandedEditorProvider, useExpandedEditor } from "./ExpandedEditor";
-import { LinkEditForm } from "./LinkEditForm.js";
+import { LexicalEditor } from "./LexicalEditor.js";
+import { ExpandedEditorProvider, useExpandedEditor } from "./ExpandedEditor.js";
 const {
   Plugin
 } = LexicalEditorConfig;
 export const LexicalInputRenderer = props => {
-  const transformer = useMemo(() => {
-    return createLexicalStateTransformer();
-  }, []);
   const onChange = lexicalValue => {
     props.onChange(({
       value
     }) => {
-      const html = transformer.toHtml(lexicalValue);
-      value.set({
-        state: lexicalValue,
-        html
-      });
+      value.set(lexicalValue);
     });
   };
   const value = props.value ?? {};
@@ -39,14 +30,14 @@ const EditorDialog = props => {
   return /*#__PURE__*/React.createElement(Dialog, {
     id: "lexical-editor-dialog",
     open: props.open,
-    className: "wby-w-[900px] wby-max-w-[900px] wby-overflow-visible",
+    className: "w-[900px] max-w-[900px] overflow-visible",
     "data-hover-manager": "ignore",
     title: `Edit ${props.input.label}`,
     dismissible: false,
     showCloseButton: false,
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelButton, {
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, {
       onClick: props.onClose
-    }), /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
+    }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
       text: "Save Changes",
       onClick: () => {
         props.onChange(localValue);
@@ -54,22 +45,13 @@ const EditorDialog = props => {
     }))
   }, /*#__PURE__*/React.createElement(CompositionScope, {
     name: "expanded"
-  }, /*#__PURE__*/React.createElement(DelayedOnChange, {
+  }, /*#__PURE__*/React.createElement(LexicalEditor, {
     value: localValue,
     onChange: setLocalValue
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(LexicalEditor, {
-    value: value,
-    onChange: onChange
-  })), /*#__PURE__*/React.createElement(LexicalEditorConfig, null, /*#__PURE__*/React.createElement(Plugin, {
+  }), /*#__PURE__*/React.createElement(LexicalEditorConfig, null, /*#__PURE__*/React.createElement(Plugin, {
     name: "floatingLinkEditor",
     element: /*#__PURE__*/React.createElement(FloatingLinkEditorPlugin, {
-      anchorElem: () => {
-        return document.getElementById("lexical-editor-dialog") ?? document.body;
-      },
-      LinkEditForm: LinkEditForm
+      LinkForm: LexicalLinkForm
     })
   }))));
 };
@@ -91,19 +73,13 @@ const ExpandableLexicalInputRenderer = ({
     text: label
   }), /*#__PURE__*/React.createElement(CompositionScope, {
     name: "compact"
-  }, /*#__PURE__*/React.createElement(DelayedOnChange, {
-    value: value.state,
-    onChange: onChange
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(LexicalEditor, {
+  }, /*#__PURE__*/React.createElement(LexicalEditor, {
     value: value,
     onChange: onChange,
     key: input.name
-  }))), /*#__PURE__*/React.createElement(EditorDialog, {
+  })), /*#__PURE__*/React.createElement(EditorDialog, {
     open: isExpanded,
-    value: value.state,
+    value: value,
     onChange: applyChanges,
     onClose: () => setExpanded(false),
     input: input

package/inputRenderers/LexicalInput/LexicalInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useEffect","~~useMemo","~~useState","~~DelayedOnChange~~","FormComponentLabel","~~createLexicalStateTransformer","~~CompositionScope","~~Dialog~~","FloatingLinkEditorPlugin","LexicalEditorConfig","LexicalEditor","ExpandedEditorProvider","useExpandedEditor","~~LinkEditForm","~~Plugin","LexicalInputRenderer","props","~~transformer","~~onChange","lexicalValue","value","~~html","toHtml","~~set","~~state","~~createElement","ExpandableLexicalInputRenderer","Object","assign","EditorDialog","localValue","setLocalValue","id","open","className","title","input","label","dismissible","showCloseButton","actions","Fragment","~~CancelButton~~","onClick","onClose","~~ConfirmButton~~","text","name","element","~~anchorElem~~","~~document","getElementById","body","~~isExpanded","setExpanded","applyChanges","newValue","key"],"sources":["LexicalInput.tsx"],"sourcesContent":["import React, { useCallback, useEffect, ~~useMemo,~~ useState } from \"react\";\nimport { ~~DelayedOnChange~~, FormComponentLabel } from \"@webiny/admin-ui\";\nimport { ~~createLexicalStateTransformer~~ } from \"@webiny/~~lexical~~-~~converter~~\";\nimport { ~~CompositionScope~~ } from \"@webiny/app-admin~~/index~~\";\nimport { ~~Dialog~~ } from \"@webiny/admin~~-ui~~\";\nimport { FloatingLinkEditorPlugin, LexicalEditorConfig } from \"@webiny/lexical-editor\";\nimport { LexicalEditor } from \"./LexicalEditor\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\nimport {\n ExpandedEditorProvider,\n useExpandedEditor\n} from \"~/inputRenderers/LexicalInput/ExpandedEditor~~\";\nimport { LinkEditForm } from \"~/inputRenderers/LexicalInput/LinkEditForm~~.js\";\n\nconst { Plugin } = LexicalEditorConfig;\n\ntype LexicalInputRendererProps = Omit<ElementInputRendererProps, \"onChange\" \| \"metadata\"> & {\n onChange: (value: ~~string~~) => void;\n};\n\nexport const LexicalInputRenderer = (props: ElementInputRendererProps) => {\n const ~~transformer = useMemo(() => {\n return createLexicalStateTransformer();\n }, []);\n\n const~~ onChange = (lexicalValue: ~~string~~) => {\n props.onChange(({ value }) => {\n ~~const html = transformer.toHtml(lexicalValue);\n\n~~ value.set(~~{\n state:~~ lexicalValue~~,\n html\n }~~);\n });\n };\n\n const value = props.value ?? {};\n\n return (\n <ExpandedEditorProvider>\n <ExpandableLexicalInputRenderer {...props} value={value} onChange={onChange} />\n </ExpandedEditorProvider>\n );\n};\n\ninterface EditorDialogProps extends Omit<LexicalInputRendererProps, \"onPreviewChange\" \| \"label\"> {\n open: boolean;\n onClose: () => void;\n}\n\nconst EditorDialog = (props: EditorDialogProps) => {\n const [localValue, setLocalValue] = useState(props.value);\n\n useEffect(() => {\n setLocalValue(props.value);\n }, [props.value]);\n\n return (\n <Dialog\n id={\"lexical-editor-dialog\"}\n open={props.open}\n className={\"~~wby-~~w-[900px] ~~wby-~~max-w-[900px] ~~wby-~~overflow-visible\"}\n data-hover-manager={\"ignore\"}\n title={`Edit ${props.input.label}`}\n dismissible={false}\n showCloseButton={false}\n actions={\n <>\n <Dialog.~~CancelButton~~ onClick={props.onClose} />\n <Dialog.~~ConfirmButton~~\n text={\"Save Changes\"}\n onClick={() => {\n props.onChange(localValue);\n }}\n />\n </>\n }\n >\n <CompositionScope name={\"expanded\"}>\n <~~DelayedOnChange~~ value={localValue} onChange={setLocalValue}~~>\n {({~~ ~~value, onChange }) => <LexicalEditor value={value} onChange={onChange} />}\~~n ~~</DelayedOnChange>\n~~ <LexicalEditorConfig>\n <Plugin\n name={\"floatingLinkEditor\"}\n element={\n <FloatingLinkEditorPlugin~~\n anchorElem={()~~ => {\n return (\n document.getElementById(\"lexical-editor-dialog\") ??\n document.body\n );\n }}\n LinkEditForm={~~LinkEditForm~~}~~\n />\n~~ }\n />\n </LexicalEditorConfig>\n </CompositionScope>\n </Dialog>\n );\n};\n\nconst ExpandableLexicalInputRenderer = ({\n value,\n onChange,\n input,\n label\n}: LexicalInputRendererProps) => {\n const { isExpanded, setExpanded } = useExpandedEditor();\n\n const applyChanges = useCallback(\n (newValue: any) => {\n onChange(newValue);\n setExpanded(false);\n },\n [onChange, setExpanded]\n );\n\n return (\n <>\n <FormComponentLabel text={label} />\n <CompositionScope name={\"compact\"}>\n <~~DelayedOnChange value={value.state} onChange={onChange}>\n {({ value, onChange }) => (\n <~~LexicalEditor value={value} onChange={onChange} key={input.name} />\n ~~)}\n </DelayedOnChange>\n~~ </CompositionScope>\n <EditorDialog\n open={isExpanded}\n value={value~~.state~~}\n onChange={applyChanges}\n onClose={() => setExpanded(false)}\n input={input}\n />\n </>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,~~OAAO,EAAEC,~~QAAQ,QAAQ,OAAO;~~AACxE~~,SAASC,~~eAAe~~,EAAEC,kBAAkB,QAAQ,kBAAkB;~~AACtE~~,SAASC,~~6BAA6B,QAAQ,2BAA2B;AACzE,SAASC,~~gBAAgB,QAAQ,~~yBAAyB~~;~~AAC1D~~,SAASC,~~MAAM~~,QAAQ,~~kBAAkB~~;~~AACzC~~,SAASC,wBAAwB,EAAEC,mBAAmB,QAAQ,wBAAwB;AACtF,SAASC,aAAa;AAEtB,SACIC,sBAAsB,EACtBC,iBAAiB;~~AAErB~~,~~SAASC,YAAY;AAErB,~~MAAM;EAAEC;AAAO,CAAC,~~GAAGL~~,mBAAmB;AAMtC,OAAO,~~MAAMM~~,oBAAoB,GAAIC,KAAgC,IAAK;EACtE,MAAMC,~~WAAW,GAAGhB,OAAO,CAAC,MAAM;IAC9B,OAAOI,6BAA6B,CAAC,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMa,~~QAAQ,GAAIC,~~YAAoB~~,IAAK;~~IACvCH~~,KAAK,~~CAACE~~,QAAQ,CAAC,CAAC;MAAEE;IAAM,CAAC,KAAK;~~MAC1B~~,~~MAAMC,IAAI,GAAGJ,WAAW,CAACK,MAAM,CAACH,YAAY,CAAC;MAE7CC,~~KAAK,~~CAACG~~,GAAG,~~CAAC;QACNC~~,~~KAAK,EAAEL,~~YAAY~~;QACnBE;MACJ~~,CAAC~~,CAAC~~;~~IACN~~,CAAC,CAAC;EACN,CAAC;EAED,~~MAAMD~~,KAAK,~~GAAGJ~~,KAAK,~~CAACI~~,KAAK,IAAI,CAAC,CAAC;EAE/B,~~oBACItB~~,KAAA,~~CAAA2B~~,aAAA,~~CAACd~~,sBAAsB,~~qBACnBb~~,KAAA,~~CAAA2B~~,aAAA,CAACC,8BAA8B,EAAAC,MAAA,CAAAC,MAAA,~~KAAKZ~~,KAAK;~~IAAEI~~,KAAK,EAAEA,KAAM;IAACF,QAAQ,EAAEA;EAAS,EAAE,CAC1D,CAAC;AAEjC,CAAC;AAOD,~~MAAMW~~,YAAY,~~GAAIb~~,KAAwB,IAAK;EAC/C,MAAM,~~CAACc~~,UAAU,EAAEC,aAAa,CAAC,~~GAAG7B~~,QAAQ,~~CAACc~~,KAAK,~~CAACI~~,KAAK,CAAC;~~EAEzDpB~~,SAAS,CAAC,MAAM;~~IACZ+B~~,aAAa,~~CAACf~~,KAAK,~~CAACI~~,KAAK,CAAC;EAC9B,CAAC,EAAE,~~CAACJ~~,KAAK,~~CAACI~~,KAAK,CAAC,CAAC;EAEjB,~~oBACItB~~,KAAA,~~CAAA2B~~,aAAA,~~CAAClB~~,MAAM;~~IACHyB~~,EAAE,EAAE,uBAAwB;IAC5BC,IAAI,~~EAAEjB~~,KAAK,~~CAACiB~~,IAAK;IACjBC,SAAS,EAAE,~~sDAAuD~~;~~IAClE~~,sBAAoB,QAAS;IAC7BC,KAAK,EAAE,~~QAAQnB~~,KAAK,~~CAACoB~~,KAAK,CAACC,KAAK,EAAG;IACnCC,WAAW,EAAE,KAAM;IACnBC,eAAe,EAAE,KAAM;IACvBC,OAAO,~~eACH1C~~,KAAA,~~CAAA2B~~,aAAA,~~CAAA3B~~,KAAA,~~CAAA2C~~,QAAA,~~qBACI3C~~,KAAA,~~CAAA2B~~,aAAA,~~CAAClB~~,MAAM,~~CAACmC~~,YAAY;MAACC,OAAO,~~EAAE3B~~,KAAK,~~CAAC4B~~;IAAQ,CAAE,CAAC,eAC/~~C9C~~,KAAA,~~CAAA2B~~,aAAA,~~CAAClB~~,MAAM,~~CAACsC~~,aAAa;MACjBC,IAAI,EAAE,cAAe;MACrBH,OAAO,EAAEA,CAAA,KAAM;~~QACX3B~~,KAAK,~~CAACE~~,QAAQ,~~CAACY~~,UAAU,CAAC;MAC9B;IAAE,CACL,CACH;EACL,~~gBAEDhC~~,KAAA,~~CAAA2B~~,aAAA,~~CAACnB~~,gBAAgB;~~IAACyC~~,IAAI,EAAE;EAAW,gBAC/~~BjD~~,KAAA,~~CAAA2B~~,aAAA,~~CAACtB~~,~~eAAe~~;~~IAACiB~~,KAAK,~~EAAEU~~,UAAW;~~IAACZ~~,QAAQ,~~EAAEa~~;EAAc,~~GACvD,CAAC;IAAEX,KAAK;IAAEF;EAAS,CAAC,kBAAKpB,KAAA,CAAA2B,aAAA,CAACf,aAAa;IAACU,KAAK,EAAEA,KAAM;IAACF,QAAQ,EAAEA;EAAS,~~CAAE,~~CAC/D,~~CAAC,~~eAClBpB~~,KAAA,~~CAAA2B~~,aAAA,~~CAAChB~~,mBAAmB,~~qBAChBX~~,KAAA,~~CAAA2B~~,aAAA,~~CAACX~~,MAAM;~~IACHiC~~,IAAI,EAAE,oBAAqB;IAC3BC,OAAO,~~eACHlD~~,KAAA,~~CAAA2B~~,aAAA,~~CAACjB~~,wBAAwB;~~MACrByC~~,~~UAAU,EAAEA,CAAA,KAAM;QACd,OACIC,~~QAAQ,~~CAACC,cAAc,CAAC,uBAAuB,CAAC,IAChDD,QAAQ,CAACE,IAAI~~;~~MAErB~~,CAAE;~~MACFvC~~,~~YAAY~~,~~EAAEA;IAAa,CAC9B;EACJ,CACJ,~~CACgB,CACP,CACd,CAAC;AAEjB,CAAC;AAED,~~MAAMa~~,8BAA8B,GAAGA,CAAC;~~EACpCN~~,KAAK;EACLF,QAAQ;~~EACRkB~~,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAM;~~IAAEgB~~,UAAU;IAAEC;EAAY,CAAC,~~GAAG1C~~,iBAAiB,CAAC,CAAC;EAEvD,~~MAAM2C~~,YAAY,~~GAAGxD~~,WAAW,~~CAC3ByD~~,QAAa,IAAK;~~IACftC~~,QAAQ,~~CAACsC~~,QAAQ,CAAC;IAClBF,WAAW,CAAC,KAAK,CAAC;EACtB,CAAC,EACD,~~CAACpC~~,QAAQ,~~EAAEoC~~,WAAW,CAC1B,CAAC;EAED,~~oBACIxD~~,KAAA,~~CAAA2B~~,aAAA,~~CAAA3B~~,KAAA,~~CAAA2C~~,QAAA,~~qBACI3C~~,KAAA,~~CAAA2B~~,aAAA,~~CAACrB~~,kBAAkB;~~IAAC0C~~,IAAI,EAAET;EAAM,CAAE,CAAC,~~eACnCvC~~,KAAA,~~CAAA2B~~,aAAA,~~CAACnB~~,gBAAgB;~~IAACyC~~,IAAI,EAAE;EAAU,~~gBAC9BjD~~,KAAA,~~CAAA2B~~,aAAA,~~CAACtB~~,~~eAAe;IAACiB,KAAK,EAAEA,KAAK,CAACI,KAAM;IAACN,QAAQ,EAAEA;EAAS,GACnD,CAAC;IAAEE,KAAK;IAAEF;EAAS,CAAC,kBACjBpB,KAAA,CAAA2B,aAAA,CAACf,~~aAAa;~~IAACU~~,KAAK,EAAEA,KAAM;IAACF,QAAQ,EAAEA,QAAS;~~IAACuC~~,GAAG,~~EAAErB~~,KAAK,CAACW;EAAK,CAAE,~~CAE1D~~,~~CACH,~~CAAC,~~eACnBjD~~,KAAA,~~CAAA2B~~,aAAA,CAACI,YAAY;IACTI,IAAI,~~EAAEoB~~,UAAW;~~IACjBjC~~,KAAK,EAAEA,~~KAAK,CAACI,~~KAAM;~~IACnBN~~,QAAQ,~~EAAEqC~~,YAAa;~~IACvBX~~,OAAO,EAAEA,CAAA,~~KAAMU~~,WAAW,CAAC,KAAK,CAAE;~~IAClClB~~,KAAK,EAAEA;EAAM,CAChB,CACH,CAAC;AAEX,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useEffect","useState","Dialog","FormComponentLabel","CompositionScope","LexicalLinkForm","FloatingLinkEditorPlugin","LexicalEditorConfig","LexicalEditor","ExpandedEditorProvider","useExpandedEditor","Plugin","LexicalInputRenderer","props","onChange","lexicalValue","value","set","createElement","ExpandableLexicalInputRenderer","Object","assign","EditorDialog","localValue","setLocalValue","id","open","className","title","input","label","dismissible","showCloseButton","actions","Fragment","CancelAction","onClick","onClose","ConfirmAction","text","name","element","LinkForm","isExpanded","setExpanded","applyChanges","newValue","key"],"sources":["LexicalInput.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Dialog, FormComponentLabel } from \"@webiny/admin-ui\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { LexicalLinkForm } from \"@webiny/app-admin\";\nimport type { RichTextValueWithHtml } from \"@webiny/app-admin\";\nimport { FloatingLinkEditorPlugin, LexicalEditorConfig } from \"@webiny/lexical-editor\";\nimport { LexicalEditor } from \"./LexicalEditor.js\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport {\n ExpandedEditorProvider,\n useExpandedEditor\n} from \"~/inputRenderers/LexicalInput/ExpandedEditor.js\";\n\nconst { Plugin } = LexicalEditorConfig;\n\ntype LexicalInputRendererProps = Omit<ElementInputRendererProps, \"onChange\" \| \"metadata\"> & {\n onChange: (value: RichTextValueWithHtml) => void;\n};\n\nexport const LexicalInputRenderer = (props: ElementInputRendererProps) => {\n const onChange = (lexicalValue: RichTextValueWithHtml) => {\n props.onChange(({ value }) => {\n value.set(lexicalValue);\n });\n };\n\n const value = props.value ?? {};\n\n return (\n <ExpandedEditorProvider>\n <ExpandableLexicalInputRenderer {...props} value={value} onChange={onChange} />\n </ExpandedEditorProvider>\n );\n};\n\ninterface EditorDialogProps extends Omit<LexicalInputRendererProps, \"onPreviewChange\" \| \"label\"> {\n open: boolean;\n onClose: () => void;\n}\n\nconst EditorDialog = (props: EditorDialogProps) => {\n const [localValue, setLocalValue] = useState(props.value);\n\n useEffect(() => {\n setLocalValue(props.value);\n }, [props.value]);\n\n return (\n <Dialog\n id={\"lexical-editor-dialog\"}\n open={props.open}\n className={\"w-[900px] max-w-[900px] overflow-visible\"}\n data-hover-manager={\"ignore\"}\n title={`Edit ${props.input.label}`}\n dismissible={false}\n showCloseButton={false}\n actions={\n <>\n <Dialog.CancelAction onClick={props.onClose} />\n <Dialog.ConfirmAction\n text={\"Save Changes\"}\n onClick={() => {\n props.onChange(localValue);\n }}\n />\n </>\n }\n >\n <CompositionScope name={\"expanded\"}>\n <LexicalEditor value={localValue} onChange={setLocalValue} />\n <LexicalEditorConfig>\n <Plugin\n name={\"floatingLinkEditor\"}\n element={<FloatingLinkEditorPlugin LinkForm={LexicalLinkForm} />}\n />\n </LexicalEditorConfig>\n </CompositionScope>\n </Dialog>\n );\n};\n\nconst ExpandableLexicalInputRenderer = ({\n value,\n onChange,\n input,\n label\n}: LexicalInputRendererProps) => {\n const { isExpanded, setExpanded } = useExpandedEditor();\n\n const applyChanges = useCallback(\n (newValue: any) => {\n onChange(newValue);\n setExpanded(false);\n },\n [onChange, setExpanded]\n );\n\n return (\n <>\n <FormComponentLabel text={label} />\n <CompositionScope name={\"compact\"}>\n <LexicalEditor value={value} onChange={onChange} key={input.name} />\n </CompositionScope>\n <EditorDialog\n open={isExpanded}\n value={value}\n onChange={applyChanges}\n onClose={() => setExpanded(false)}\n input={input}\n />\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/inputRenderers/LexicalInput/TypographyDropDown.js CHANGED Viewed

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
 import { $getNearestNodeOfType } from "@lexical/utils";
 import { DropDown, DropDownItem, useCurrentSelection, useCurrentElement, useTypographyAction } from "@webiny/lexical-editor";
 import { $isHeadingNode, $isParagraphNode, $isQuoteNode, $isListNode, ListNode } from "@webiny/lexical-nodes";
-import { useWebsiteBuilderTheme } from "../../BaseEditor/components";
+import { useWebsiteBuilderTheme } from "../../BaseEditor/components/index.js";
 export const TypographyDropDown = () => {
   const {
     value,
@@ -19,26 +19,26 @@ export const TypographyDropDown = () => {
     rangeSelection
   } = useCurrentSelection();
   const getAllTextStyles = () => {
-    if (!theme?.styles.typography) {
+    if (!theme?.typography) {
       return [];
     }
-    const headingsStyles = theme.styles.typography?.headings || [];
-    const paragraphStyles = theme.styles.typography?.paragraphs || [];
+    const headingsStyles = theme.typography?.headings || [];
+    const paragraphStyles = theme.typography?.paragraphs || [];
     return [...headingsStyles, ...paragraphStyles];
   };
   useEffect(() => {
     // In static toolbar typography, styles always need to be visible.
-    if (theme?.styles) {
+    if (theme?.typography) {
       setStyles(getAllTextStyles());
     }
-  }, [theme?.styles]);
+  }, [theme?.typography]);
   const getListStyles = tag => {
-    const listStyles = theme?.styles.typography.lists?.filter(x => x.tag === tag) || [];
+    const listStyles = theme?.typography.lists?.filter(x => x.tag === tag) || [];
     if (listStyles.length > 0) {
       return listStyles;
     }
     const fallbackTag = tag === "ul" ? "ol" : "ul";
-    return theme?.styles.typography.lists?.filter(x => x.tag === fallbackTag) || [];
+    return theme?.typography.lists?.filter(x => x.tag === fallbackTag) || [];
   };
   useEffect(() => {
     if (!element || !rangeSelection) {
@@ -63,7 +63,7 @@ export const TypographyDropDown = () => {
         setStyles(getListStyles("ol"));
       }
     } else if ($isQuoteNode(element)) {
-      setStyles(theme?.styles?.typography?.quotes || []);
+      setStyles(theme?.typography?.quotes || []);
     } else {
       setStyles([]);
     }
@@ -71,7 +71,7 @@ export const TypographyDropDown = () => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, !!styles?.length ? /*#__PURE__*/React.createElement(DropDown, {
     buttonClassName: "toolbar-item typography-dropdown",
     buttonAriaLabel: "Typography formatting options",
-    buttonLabel: value?.name || "Typography",
+    buttonLabel: value?.label || "Typography",
     stopCloseOnClickSelf: true,
     disabled: false,
     showScroll: true
@@ -81,7 +81,7 @@ export const TypographyDropDown = () => {
     key: option.id
   }, /*#__PURE__*/React.createElement("span", {
     className: "text"
-  }, option.name)))) : null);
+  }, option.label)))) : null);
 };
 //# sourceMappingURL=TypographyDropDown.js.map

package/inputRenderers/LexicalInput/TypographyDropDown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useState","$getNearestNodeOfType","DropDown","DropDownItem","useCurrentSelection","useCurrentElement","useTypographyAction","$isHeadingNode","$isParagraphNode","$isQuoteNode","$isListNode","ListNode","useWebsiteBuilderTheme","TypographyDropDown","value","applyTypography","theme","styles","setStyles","element","rangeSelection","getAllTextStyles","typography","headingsStyles","headings","paragraphStyles","paragraphs","getListStyles","tag","listStyles","lists","filter","x","length","fallbackTag","type","anchorNode","anchor","getNode","parentList","getListType","quotes","createElement","Fragment","buttonClassName","buttonAriaLabel","buttonLabel","~~name~~","stopCloseOnClickSelf","disabled","showScroll","map","option","className","id","onClick","key"],"sources":["TypographyDropDown.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { $getNearestNodeOfType } from \"@lexical/utils\";\nimport {\n DropDown,\n DropDownItem,\n useCurrentSelection,\n useCurrentElement,\n useTypographyAction\n} from \"@webiny/lexical-editor\";\nimport {\n $isHeadingNode,\n $isParagraphNode,\n $isQuoteNode,\n $isListNode,\n ListNode\n} from \"@webiny/lexical-nodes\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components\";\nimport type { TypographyStyle } from \"@webiny/website-builder-sdk/types/WebsiteBuilderTheme\";\n\nexport const TypographyDropDown = () => {\n const { value, applyTypography } = useTypographyAction();\n const { theme } = useWebsiteBuilderTheme();\n const [styles, setStyles] = useState<TypographyStyle[]>([]);\n const { element } = useCurrentElement();\n const { rangeSelection } = useCurrentSelection();\n\n const getAllTextStyles = (): TypographyStyle[] => {\n if (!theme?.~~styles.~~typography) {\n return [];\n }\n const headingsStyles = theme.~~styles.~~typography?.headings \|\| [];\n const paragraphStyles = theme.~~styles.~~typography?.paragraphs \|\| [];\n return [...headingsStyles, ...paragraphStyles];\n };\n\n useEffect(() => {\n // In static toolbar typography, styles always need to be visible.\n if (theme?.~~styles~~) {\n setStyles(getAllTextStyles());\n }\n }, [theme?.~~styles~~]);\n\n const getListStyles = (tag: string): TypographyStyle[] => {\n const listStyles = theme?.~~styles.~~typography.lists?.filter(x => x.tag === tag) \|\| [];\n if (listStyles.length > 0) {\n return listStyles;\n }\n\n const fallbackTag = tag === \"ul\" ? \"ol\" : \"ul\";\n return theme?.~~styles.~~typography.lists?.filter(x => x.tag === fallbackTag) \|\| [];\n };\n\n useEffect(() => {\n if (!element \|\| !rangeSelection) {\n return;\n }\n\n if ($isParagraphNode(element) \|\| $isHeadingNode(element)) {\n setStyles(getAllTextStyles());\n } else if ($isListNode(element)) {\n let type;\n try {\n const anchorNode = rangeSelection.anchor.getNode();\n const parentList = $getNearestNodeOfType<ListNode>(anchorNode, ListNode);\n if (parentList) {\n type = parentList.getListType();\n }\n } catch {\n type = element.getListType();\n }\n\n if (type === \"bullet\") {\n setStyles(getListStyles(\"ul\"));\n } else {\n setStyles(getListStyles(\"ol\"));\n }\n } else if ($isQuoteNode(element)) {\n setStyles(theme?.~~styles?.~~typography?.quotes \|\| []);\n } else {\n setStyles([]);\n }\n }, [element]);\n\n return (\n <>\n {!!styles?.length ? (\n <DropDown\n buttonClassName=\"toolbar-item typography-dropdown\"\n buttonAriaLabel={\"Typography formatting options\"}\n buttonLabel={value?.~~name~~ \|\| \"Typography\"}\n stopCloseOnClickSelf={true}\n disabled={false}\n showScroll={true}\n >\n {styles?.map(option => (\n <DropDownItem\n className={`item typography-item ${\n value?.id === option.id ? \"active dropdown-item-active\" : \"\"\n }`}\n onClick={() => applyTypography(option)}\n key={option.id}\n >\n <span className=\"text\">{option.~~name~~}</span>\n </DropDownItem>\n ))}\n </DropDown>\n ) : null}\n </>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,SACIC,QAAQ,EACRC,YAAY,EACZC,mBAAmB,EACnBC,iBAAiB,EACjBC,mBAAmB,QAChB,wBAAwB;AAC/B,SACIC,cAAc,EACdC,gBAAgB,EAChBC,YAAY,EACZC,WAAW,EACXC,QAAQ,QACL,uBAAuB;AAC9B,SAASC,sBAAsB;AAG/B,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAGT,mBAAmB,CAAC,CAAC;EACxD,MAAM;IAAEU;EAAM,CAAC,GAAGJ,sBAAsB,CAAC,CAAC;EAC1C,MAAM,CAACK,MAAM,EAAEC,SAAS,CAAC,GAAGlB,QAAQ,CAAoB,EAAE,CAAC;EAC3D,MAAM;IAAEmB;EAAQ,CAAC,GAAGd,iBAAiB,CAAC,CAAC;EACvC,MAAM;IAAEe;EAAe,CAAC,GAAGhB,mBAAmB,CAAC,CAAC;EAEhD,MAAMiB,gBAAgB,GAAGA,CAAA,KAAyB;IAC9C,IAAI,CAACL,KAAK,~~EAAEC~~,~~MAAM,CAACK,~~UAAU,EAAE;~~MAC3B~~,OAAO,EAAE;IACb;IACA,MAAMC,cAAc,GAAGP,KAAK,~~CAACC~~,~~MAAM,CAACK,~~UAAU,EAAEE,QAAQ,IAAI,EAAE;~~IAC9D~~,MAAMC,eAAe,GAAGT,KAAK,~~CAACC~~,~~MAAM,CAACK,~~UAAU,EAAEI,UAAU,IAAI,EAAE;~~IACjE~~,OAAO,CAAC,GAAGH,cAAc,EAAE,GAAGE,eAAe,CAAC;EAClD,CAAC;EAED1B,SAAS,CAAC,MAAM;IACZ;IACA,IAAIiB,KAAK,~~EAAEC~~,~~MAAM~~,EAAE;~~MACfC~~,SAAS,CAACG,gBAAgB,CAAC,CAAC,CAAC;IACjC;EACJ,CAAC,EAAE,CAACL,KAAK,~~EAAEC~~,~~MAAM~~,CAAC,CAAC;~~EAEnB~~,~~MAAMU~~,aAAa,GAAIC,GAAW,IAAwB;IACtD,MAAMC,UAAU,GAAGb,KAAK,~~EAAEC~~,~~MAAM,CAACK,~~UAAU,CAACQ,KAAK,EAAEC,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACJ,GAAG,KAAKA,GAAG,CAAC,IAAI,EAAE;~~IACnF~~,IAAIC,UAAU,CAACI,MAAM,GAAG,CAAC,EAAE;MACvB,OAAOJ,UAAU;IACrB;IAEA,MAAMK,WAAW,GAAGN,GAAG,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI;IAC9C,OAAOZ,KAAK,~~EAAEC~~,~~MAAM,CAACK,~~UAAU,CAACQ,KAAK,EAAEC,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACJ,GAAG,KAAKM,WAAW,CAAC,IAAI,EAAE;~~EACnF~~,CAAC;EAEDnC,SAAS,CAAC,MAAM;IACZ,IAAI,CAACoB,OAAO,IAAI,CAACC,cAAc,EAAE;MAC7B;IACJ;IAEA,IAAIZ,gBAAgB,CAACW,OAAO,CAAC,IAAIZ,cAAc,CAACY,OAAO,CAAC,EAAE;MACtDD,SAAS,CAACG,gBAAgB,CAAC,CAAC,CAAC;IACjC,CAAC,MAAM,IAAIX,WAAW,CAACS,OAAO,CAAC,EAAE;MAC7B,IAAIgB,IAAI;MACR,IAAI;QACA,MAAMC,UAAU,GAAGhB,cAAc,CAACiB,MAAM,CAACC,OAAO,CAAC,CAAC;QAClD,MAAMC,UAAU,GAAGtC,qBAAqB,CAAWmC,UAAU,EAAEzB,QAAQ,CAAC;QACxE,IAAI4B,UAAU,EAAE;UACZJ,IAAI,GAAGI,UAAU,CAACC,WAAW,CAAC,CAAC;QACnC;MACJ,CAAC,CAAC,MAAM;QACJL,IAAI,GAAGhB,OAAO,CAACqB,WAAW,CAAC,CAAC;MAChC;MAEA,IAAIL,IAAI,KAAK,QAAQ,EAAE;QACnBjB,SAAS,CAACS,aAAa,CAAC,IAAI,CAAC,CAAC;MAClC,CAAC,MAAM;QACHT,SAAS,CAACS,aAAa,CAAC,IAAI,CAAC,CAAC;MAClC;IACJ,CAAC,MAAM,IAAIlB,YAAY,CAACU,OAAO,CAAC,EAAE;MAC9BD,SAAS,CAACF,KAAK,~~EAAEC~~,~~MAAM,EAAEK,~~UAAU,EAAEmB,MAAM,IAAI,EAAE,CAAC;~~IACtD~~,CAAC,MAAM;MACHvB,SAAS,CAAC,EAAE,CAAC;IACjB;EACJ,CAAC,EAAE,CAACC,OAAO,CAAC,CAAC;EAEb,oBACIrB,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAA6C,QAAA,QACK,CAAC,CAAC1B,MAAM,EAAEgB,MAAM,gBACbnC,KAAA,CAAA4C,aAAA,CAACxC,QAAQ;IACL0C,eAAe,EAAC,kCAAkC;IAClDC,eAAe,EAAE,+BAAgC;IACjDC,WAAW,EAAEhC,KAAK,EAAEiC,~~IAAI~~,IAAI,YAAa;~~IACzCC~~,oBAAoB,EAAE,IAAK;IAC3BC,QAAQ,EAAE,KAAM;IAChBC,UAAU,EAAE;EAAK,GAEhBjC,MAAM,EAAEkC,GAAG,CAACC,MAAM,iBACftD,KAAA,CAAA4C,aAAA,CAACvC,YAAY;IACTkD,SAAS,EAAE,wBACPvC,KAAK,EAAEwC,EAAE,KAAKF,MAAM,CAACE,EAAE,GAAG,6BAA6B,GAAG,EAAE,EAC7D;IACHC,OAAO,EAAEA,CAAA,KAAMxC,eAAe,CAACqC,MAAM,CAAE;IACvCI,GAAG,EAAEJ,MAAM,CAACE;EAAG,gBAEfxD,KAAA,CAAA4C,aAAA;IAAMW,SAAS,EAAC;EAAM,GAAED,MAAM,CAACL,~~IAAW~~,~~CAChC~~,CACjB,CACK,CAAC,GACX,IACN,CAAC;AAEX,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","useState","$getNearestNodeOfType","DropDown","DropDownItem","useCurrentSelection","useCurrentElement","useTypographyAction","$isHeadingNode","$isParagraphNode","$isQuoteNode","$isListNode","ListNode","useWebsiteBuilderTheme","TypographyDropDown","value","applyTypography","theme","styles","setStyles","element","rangeSelection","getAllTextStyles","typography","headingsStyles","headings","paragraphStyles","paragraphs","getListStyles","tag","listStyles","lists","filter","x","length","fallbackTag","type","anchorNode","anchor","getNode","parentList","getListType","quotes","createElement","Fragment","buttonClassName","buttonAriaLabel","buttonLabel","label","stopCloseOnClickSelf","disabled","showScroll","map","option","className","id","onClick","key"],"sources":["TypographyDropDown.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { $getNearestNodeOfType } from \"@lexical/utils\";\nimport {\n DropDown,\n DropDownItem,\n useCurrentSelection,\n useCurrentElement,\n useTypographyAction\n} from \"@webiny/lexical-editor\";\nimport {\n $isHeadingNode,\n $isParagraphNode,\n $isQuoteNode,\n $isListNode,\n ListNode\n} from \"@webiny/lexical-nodes\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components/index.js\";\nimport type { TypographyStyle } from \"@webiny/website-builder-sdk/types/WebsiteBuilderTheme.js\";\n\nexport const TypographyDropDown = () => {\n const { value, applyTypography } = useTypographyAction();\n const { theme } = useWebsiteBuilderTheme();\n const [styles, setStyles] = useState<TypographyStyle[]>([]);\n const { element } = useCurrentElement();\n const { rangeSelection } = useCurrentSelection();\n\n const getAllTextStyles = (): TypographyStyle[] => {\n if (!theme?.typography) {\n return [];\n }\n const headingsStyles = theme.typography?.headings \|\| [];\n const paragraphStyles = theme.typography?.paragraphs \|\| [];\n return [...headingsStyles, ...paragraphStyles];\n };\n\n useEffect(() => {\n // In static toolbar typography, styles always need to be visible.\n if (theme?.typography) {\n setStyles(getAllTextStyles());\n }\n }, [theme?.typography]);\n\n const getListStyles = (tag: string): TypographyStyle[] => {\n const listStyles = theme?.typography.lists?.filter(x => x.tag === tag) \|\| [];\n if (listStyles.length > 0) {\n return listStyles;\n }\n\n const fallbackTag = tag === \"ul\" ? \"ol\" : \"ul\";\n return theme?.typography.lists?.filter(x => x.tag === fallbackTag) \|\| [];\n };\n\n useEffect(() => {\n if (!element \|\| !rangeSelection) {\n return;\n }\n\n if ($isParagraphNode(element) \|\| $isHeadingNode(element)) {\n setStyles(getAllTextStyles());\n } else if ($isListNode(element)) {\n let type;\n try {\n const anchorNode = rangeSelection.anchor.getNode();\n const parentList = $getNearestNodeOfType<ListNode>(anchorNode, ListNode);\n if (parentList) {\n type = parentList.getListType();\n }\n } catch {\n type = element.getListType();\n }\n\n if (type === \"bullet\") {\n setStyles(getListStyles(\"ul\"));\n } else {\n setStyles(getListStyles(\"ol\"));\n }\n } else if ($isQuoteNode(element)) {\n setStyles(theme?.typography?.quotes \|\| []);\n } else {\n setStyles([]);\n }\n }, [element]);\n\n return (\n <>\n {!!styles?.length ? (\n <DropDown\n buttonClassName=\"toolbar-item typography-dropdown\"\n buttonAriaLabel={\"Typography formatting options\"}\n buttonLabel={value?.label \|\| \"Typography\"}\n stopCloseOnClickSelf={true}\n disabled={false}\n showScroll={true}\n >\n {styles?.map(option => (\n <DropDownItem\n className={`item typography-item ${\n value?.id === option.id ? \"active dropdown-item-active\" : \"\"\n }`}\n onClick={() => applyTypography(option)}\n key={option.id}\n >\n <span className=\"text\">{option.label}</span>\n </DropDownItem>\n ))}\n </DropDown>\n ) : null}\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/inputRenderers/NumberInput.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ElementInputRendererProps } from "../BaseEditor";
+import type { ElementInputRendererProps } from "../BaseEditor/index.js";
 export declare const NumberInputRenderer: ({ value, onChange, input, label }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/NumberInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","Input","NumberInputRenderer","value","onChange","input","label","localOnChange","number","parseInt","minValue","set","createElement","type","description","note","helperText"],"sources":["NumberInput.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Input } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\nimport type { NumberInput } from \"@webiny/website-builder-sdk\";\n\nexport const NumberInputRenderer = ({\n value,\n onChange,\n input,\n label\n}: ElementInputRendererProps) => {\n const localOnChange = useCallback(\n (value: string) => {\n const number = parseInt(value);\n const minValue = (input as NumberInput).minValue;\n\n if (minValue && number < minValue) {\n return;\n }\n\n onChange(({ value }) => {\n value.set(number);\n });\n },\n [onChange]\n );\n return (\n <Input\n type={\"number\"}\n value={value}\n onChange={localOnChange}\n label={label}\n description={input.description}\n note={input.helperText}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,KAAK,QAAQ,kBAAkB;AAIxC,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAChCC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAMC,aAAa,GAAGP,WAAW,CAC5BG,KAAa,IAAK;IACf,MAAMK,MAAM,GAAGC,QAAQ,CAACN,KAAK,CAAC;IAC9B,MAAMO,QAAQ,GAAIL,KAAK,CAAiBK,QAAQ;IAEhD,IAAIA,QAAQ,IAAIF,MAAM,GAAGE,QAAQ,EAAE;MAC/B;IACJ;IAEAN,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpBA,KAAK,CAACQ,GAAG,CAACH,MAAM,CAAC;IACrB,CAAC,CAAC;EACN,CAAC,EACD,CAACJ,QAAQ,CACb,CAAC;EACD,oBACIL,KAAA,CAAAa,aAAA,CAACX,KAAK;IACFY,IAAI,EAAE,QAAS;IACfV,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEG,aAAc;IACxBD,KAAK,EAAEA,KAAM;IACbQ,WAAW,EAAET,KAAK,CAACS,WAAY;IAC/BC,IAAI,EAAEV,KAAK,CAACW;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","Input","NumberInputRenderer","value","onChange","input","label","localOnChange","number","parseInt","minValue","set","createElement","type","description","note","helperText"],"sources":["NumberInput.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Input } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport type { NumberInput } from \"@webiny/website-builder-sdk\";\n\nexport const NumberInputRenderer = ({\n value,\n onChange,\n input,\n label\n}: ElementInputRendererProps) => {\n const localOnChange = useCallback(\n (value: string) => {\n const number = parseInt(value);\n const minValue = (input as NumberInput).minValue;\n\n if (minValue && number < minValue) {\n return;\n }\n\n onChange(({ value }) => {\n value.set(number);\n });\n },\n [onChange]\n );\n return (\n <Input\n type={\"number\"}\n value={value}\n onChange={localOnChange}\n label={label}\n description={input.description}\n note={input.helperText}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,KAAK,QAAQ,kBAAkB;AAIxC,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAChCC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAMC,aAAa,GAAGP,WAAW,CAC5BG,KAAa,IAAK;IACf,MAAMK,MAAM,GAAGC,QAAQ,CAACN,KAAK,CAAC;IAC9B,MAAMO,QAAQ,GAAIL,KAAK,CAAiBK,QAAQ;IAEhD,IAAIA,QAAQ,IAAIF,MAAM,GAAGE,QAAQ,EAAE;MAC/B;IACJ;IAEAN,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpBA,KAAK,CAACQ,GAAG,CAACH,MAAM,CAAC;IACrB,CAAC,CAAC;EACN,CAAC,EACD,CAACJ,QAAQ,CACb,CAAC;EACD,oBACIL,KAAA,CAAAa,aAAA,CAACX,KAAK;IACFY,IAAI,EAAE,QAAS;IACfV,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEG,aAAc;IACxBD,KAAK,EAAEA,KAAM;IACbQ,WAAW,EAAET,KAAK,CAACS,WAAY;IAC/BC,IAAI,EAAEV,KAAK,CAACW;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}

package/inputRenderers/SelectInput.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ElementInputRendererProps } from "../BaseEditor";
+import type { ElementInputRendererProps } from "../BaseEditor/index.js";
 export declare const SelectInputRenderer: ({ value, onChange, label, ...props }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/SelectInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Select","SelectInputRenderer","value","onChange","label","props","input","createElement","newValue","set","displayResetAction","showResetAction","options","description","note","helperText"],"sources":["SelectInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\nimport type { SelectInput } from \"@webiny/website-builder-sdk\";\n\nexport const SelectInputRenderer = ({\n value,\n onChange,\n label,\n ...props\n}: ElementInputRendererProps) => {\n const input = props.input as SelectInput;\n return (\n <Select\n value={value}\n onChange={newValue => {\n onChange(({ value }) => {\n value.set(newValue);\n });\n }}\n displayResetAction={input.showResetAction !== false}\n options={input.options}\n label={label}\n description={input.description}\n note={input.helperText}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AAIzC,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAChCC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACoB,CAAC,KAAK;EAC7B,MAAMC,KAAK,GAAGD,KAAK,CAACC,KAAoB;EACxC,oBACIP,KAAA,CAAAQ,aAAA,CAACP,MAAM;IACHE,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEK,QAAQ,IAAI;MAClBL,QAAQ,CAAC,CAAC;QAAED;MAAM,CAAC,KAAK;QACpBA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN,CAAE;IACFE,kBAAkB,EAAEJ,KAAK,CAACK,eAAe,KAAK,KAAM;IACpDC,OAAO,EAAEN,KAAK,CAACM,OAAQ;IACvBR,KAAK,EAAEA,KAAM;IACbS,WAAW,EAAEP,KAAK,CAACO,WAAY;IAC/BC,IAAI,EAAER,KAAK,CAACS;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Select","SelectInputRenderer","value","onChange","label","props","input","createElement","newValue","set","displayResetAction","showResetAction","options","description","note","helperText"],"sources":["SelectInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport type { SelectInput } from \"@webiny/website-builder-sdk\";\n\nexport const SelectInputRenderer = ({\n value,\n onChange,\n label,\n ...props\n}: ElementInputRendererProps) => {\n const input = props.input as SelectInput;\n return (\n <Select\n value={value}\n onChange={newValue => {\n onChange(({ value }) => {\n value.set(newValue);\n });\n }}\n displayResetAction={input.showResetAction !== false}\n options={input.options}\n label={label}\n description={input.description}\n note={input.helperText}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AAIzC,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAChCC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACoB,CAAC,KAAK;EAC7B,MAAMC,KAAK,GAAGD,KAAK,CAACC,KAAoB;EACxC,oBACIP,KAAA,CAAAQ,aAAA,CAACP,MAAM;IACHE,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEK,QAAQ,IAAI;MAClBL,QAAQ,CAAC,CAAC;QAAED;MAAM,CAAC,KAAK;QACpBA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN,CAAE;IACFE,kBAAkB,EAAEJ,KAAK,CAACK,eAAe,KAAK,KAAM;IACpDC,OAAO,EAAEN,KAAK,CAACM,OAAQ;IACvBR,KAAK,EAAEA,KAAM;IACbS,WAAW,EAAEP,KAAK,CAACO,WAAY;IAC/BC,IAAI,EAAER,KAAK,CAACS;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}

package/inputRenderers/TextInput.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ElementInputRendererProps } from "../BaseEditor";
+import type { ElementInputRendererProps } from "../BaseEditor/index.js";
 export declare const TextInputRenderer: ({ value, onChange, onPreviewChange, input, label }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/TextInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Input","TextInputRenderer","value","onChange","onPreviewChange","input","label","commitValue","newValue","set","previewValue","createElement","onBlur","e","currentTarget","onEnter","description","note","helperText"],"sources":["TextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\n\nexport const TextInputRenderer = ({\n value,\n onChange,\n onPreviewChange,\n input,\n label\n}: ElementInputRendererProps) => {\n const commitValue = (newValue: string) => {\n onChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n const previewValue = (newValue: string) => {\n onPreviewChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n return (\n <Input\n value={value}\n onChange={previewValue}\n onBlur={e => commitValue(e.currentTarget.value)}\n onEnter={e => commitValue(e.currentTarget.value)}\n label={label}\n description={input.description}\n note={input.helperText}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AAGxC,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAC9BC,KAAK;EACLC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAMC,WAAW,GAAIC,QAAgB,IAAK;IACtCL,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpBA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,MAAME,YAAY,GAAIF,QAAgB,IAAK;IACvCJ,eAAe,CAAC,CAAC;MAAEF;IAAM,CAAC,KAAK;MAC3BA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,oBACIT,KAAA,CAAAY,aAAA,CAACX,KAAK;IACFE,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEO,YAAa;IACvBE,MAAM,EAAEC,CAAC,IAAIN,WAAW,CAACM,CAAC,CAACC,aAAa,CAACZ,KAAK,CAAE;IAChDa,OAAO,EAAEF,CAAC,IAAIN,WAAW,CAACM,CAAC,CAACC,aAAa,CAACZ,KAAK,CAAE;IACjDI,KAAK,EAAEA,KAAM;IACbU,WAAW,EAAEX,KAAK,CAACW,WAAY;IAC/BC,IAAI,EAAEZ,KAAK,CAACa;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Input","TextInputRenderer","value","onChange","onPreviewChange","input","label","commitValue","newValue","set","previewValue","createElement","onBlur","e","currentTarget","onEnter","description","note","helperText"],"sources":["TextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\n\nexport const TextInputRenderer = ({\n value,\n onChange,\n onPreviewChange,\n input,\n label\n}: ElementInputRendererProps) => {\n const commitValue = (newValue: string) => {\n onChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n const previewValue = (newValue: string) => {\n onPreviewChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n return (\n <Input\n value={value}\n onChange={previewValue}\n onBlur={e => commitValue(e.currentTarget.value)}\n onEnter={e => commitValue(e.currentTarget.value)}\n label={label}\n description={input.description}\n note={input.helperText}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AAGxC,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAC9BC,KAAK;EACLC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAMC,WAAW,GAAIC,QAAgB,IAAK;IACtCL,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpBA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,MAAME,YAAY,GAAIF,QAAgB,IAAK;IACvCJ,eAAe,CAAC,CAAC;MAAEF;IAAM,CAAC,KAAK;MAC3BA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,oBACIT,KAAA,CAAAY,aAAA,CAACX,KAAK;IACFE,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEO,YAAa;IACvBE,MAAM,EAAEC,CAAC,IAAIN,WAAW,CAACM,CAAC,CAACC,aAAa,CAACZ,KAAK,CAAE;IAChDa,OAAO,EAAEF,CAAC,IAAIN,WAAW,CAACM,CAAC,CAACC,aAAa,CAACZ,KAAK,CAAE;IACjDI,KAAK,EAAEA,KAAM;IACbU,WAAW,EAAEX,KAAK,CAACW,WAAY;IAC/BC,IAAI,EAAEZ,KAAK,CAACa;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}

package/inputRenderers/TextareaInput.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ElementInputRendererProps } from "../BaseEditor";
+import type { ElementInputRendererProps } from "../BaseEditor/index.js";
 export declare const TextareaInputRenderer: ({ value, onChange, onPreviewChange, input, label }: ElementInputRendererProps) => React.JSX.Element;

package/inputRenderers/TextareaInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Textarea","TextareaInputRenderer","value","onChange","onPreviewChange","input","label","commitValue","newValue","set","previewValue","createElement","onBlur","e","currentTarget","description","note","helperText","rows"],"sources":["TextareaInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Textarea } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\n\nexport const TextareaInputRenderer = ({\n value,\n onChange,\n onPreviewChange,\n input,\n label\n}: ElementInputRendererProps) => {\n const commitValue = (newValue: string) => {\n onChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n const previewValue = (newValue: string) => {\n onPreviewChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n return (\n <Textarea\n value={value \|\| \"\"}\n onChange={previewValue}\n onBlur={e => commitValue(e.currentTarget.value)}\n label={label}\n description={input.description}\n note={input.helperText}\n rows={10}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,kBAAkB;AAG3C,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EAClCC,KAAK;EACLC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAMC,WAAW,GAAIC,QAAgB,IAAK;IACtCL,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpBA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,MAAME,YAAY,GAAIF,QAAgB,IAAK;IACvCJ,eAAe,CAAC,CAAC;MAAEF;IAAM,CAAC,KAAK;MAC3BA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,oBACIT,KAAA,CAAAY,aAAA,CAACX,QAAQ;IACLE,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBC,QAAQ,EAAEO,YAAa;IACvBE,MAAM,EAAEC,CAAC,IAAIN,WAAW,CAACM,CAAC,CAACC,aAAa,CAACZ,KAAK,CAAE;IAChDI,KAAK,EAAEA,KAAM;IACbS,WAAW,EAAEV,KAAK,CAACU,WAAY;IAC/BC,IAAI,EAAEX,KAAK,CAACY,UAAW;IACvBC,IAAI,EAAE;EAAG,CACZ,CAAC;AAEV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Textarea","TextareaInputRenderer","value","onChange","onPreviewChange","input","label","commitValue","newValue","set","previewValue","createElement","onBlur","e","currentTarget","description","note","helperText","rows"],"sources":["TextareaInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Textarea } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\n\nexport const TextareaInputRenderer = ({\n value,\n onChange,\n onPreviewChange,\n input,\n label\n}: ElementInputRendererProps) => {\n const commitValue = (newValue: string) => {\n onChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n const previewValue = (newValue: string) => {\n onPreviewChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n return (\n <Textarea\n value={value \|\| \"\"}\n onChange={previewValue}\n onBlur={e => commitValue(e.currentTarget.value)}\n label={label}\n description={input.description}\n note={input.helperText}\n rows={10}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,kBAAkB;AAG3C,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EAClCC,KAAK;EACLC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAMC,WAAW,GAAIC,QAAgB,IAAK;IACtCL,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpBA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,MAAME,YAAY,GAAIF,QAAgB,IAAK;IACvCJ,eAAe,CAAC,CAAC;MAAEF;IAAM,CAAC,KAAK;MAC3BA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,oBACIT,KAAA,CAAAY,aAAA,CAACX,QAAQ;IACLE,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBC,QAAQ,EAAEO,YAAa;IACvBE,MAAM,EAAEC,CAAC,IAAIN,WAAW,CAACM,CAAC,CAACC,aAAa,CAACZ,KAAK,CAAE;IAChDI,KAAK,EAAEA,KAAM;IACbS,WAAW,EAAEV,KAAK,CAACU,WAAY;IAC/BC,IAAI,EAAEX,KAAK,CAACY,UAAW;IACvBC,IAAI,EAAE;EAAG,CACZ,CAAC;AAEV,CAAC","ignoreList":[]}

package/modules/integrations/IntegrationsSettings.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { type EcommerceApiManifest } from "../../features";
+import { type EcommerceApiManifest } from "../../features/index.js";
 export declare const IntegrationsSettings: ({ manifests }: {
     manifests: EcommerceApiManifest[];
 }) => React.JSX.Element;

package/modules/integrations/IntegrationsSettings.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from "react";
 import { Alert, Grid, Input, Select, Switch, Tabs } from "@webiny/admin-ui";
 import { Bind } from "@webiny/form";
-import { toTitleCaseLabel } from "../../ecommerce/components/toTitleCaseLabel";
+import { toTitleCaseLabel } from "../../ecommerce/components/toTitleCaseLabel.js";
 import { validation } from "@webiny/validation";
 export const IntegrationsSettings = ({
   manifests

package/modules/integrations/IntegrationsSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Alert","Grid","Input","Select","Switch","Tabs","Bind","toTitleCaseLabel","validation","IntegrationsSettings","manifests","length","createElement","type","tabs","map","manifest","name","getName","Tab","key","trigger","value","content","IntegrationForm","size","spacing","getSettingsInputs","input","bindProps","validators","required","create","undefined","defaultValue","inputProps","label","description","note","Column","span","Object","assign","displayResetAction","options"],"sources":["IntegrationsSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert, Grid, Input, Select, Switch, Tabs } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { toTitleCaseLabel } from \"~/ecommerce/components/toTitleCaseLabel\";\nimport { validation } from \"@webiny/validation\";\nimport { type EcommerceApiManifest } from \"~/features\";\n\nexport const IntegrationsSettings = ({ manifests }: { manifests: EcommerceApiManifest[] }) => {\n if (!manifests.length) {\n return <Alert type={\"info\"}>There are no integrations to configure.</Alert>;\n }\n\n const tabs = manifests.map(manifest => {\n const name = manifest.getName();\n return (\n <Tabs.Tab\n key={name}\n trigger={toTitleCaseLabel(name)}\n value={name}\n content={<IntegrationForm manifest={manifest} />}\n />\n );\n });\n\n return <Tabs tabs={tabs} size={\"md\"} spacing={\"sm\"} />;\n};\n\ninterface IntegrationFormProps {\n manifest: EcommerceApiManifest;\n}\n\nconst IntegrationForm = ({ manifest }: IntegrationFormProps) => {\n return (\n <Grid>\n {manifest.getSettingsInputs().map(input => {\n const bindProps = {\n name: `${manifest.getName()}.${input.name}`,\n validators: input.required ? validation.create(\"required\") : undefined,\n defaultValue: input.defaultValue\n };\n\n const inputProps = {\n label: input.label ?? toTitleCaseLabel(input.name),\n description: input.description,\n note: input.note\n };\n\n return (\n <Grid.Column key={input.name} span={12}>\n {input.type === \"text\" ? (\n <Bind {...bindProps}>\n <Input {...inputProps} />\n </Bind>\n ) : null}\n {input.type === \"number\" ? (\n <Bind {...bindProps}>\n <Input type=\"number\" {...inputProps} />\n </Bind>\n ) : null}\n {input.type === \"select\" ? (\n <Bind {...bindProps}>\n <Select\n displayResetAction={false}\n options={input.options}\n {...inputProps}\n />\n </Bind>\n ) : null}\n {input.type === \"boolean\" ? (\n <Bind {...bindProps}>\n <Switch {...inputProps} />\n </Bind>\n ) : null}\n </Grid.Column>\n );\n })}\n </Grid>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","Alert","Grid","Input","Select","Switch","Tabs","Bind","toTitleCaseLabel","validation","IntegrationsSettings","manifests","length","createElement","type","tabs","map","manifest","name","getName","Tab","key","trigger","value","content","IntegrationForm","size","spacing","getSettingsInputs","input","bindProps","validators","required","create","undefined","defaultValue","inputProps","label","description","note","Column","span","Object","assign","displayResetAction","options"],"sources":["IntegrationsSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert, Grid, Input, Select, Switch, Tabs } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { toTitleCaseLabel } from \"~/ecommerce/components/toTitleCaseLabel.js\";\nimport { validation } from \"@webiny/validation\";\nimport { type EcommerceApiManifest } from \"~/features/index.js\";\n\nexport const IntegrationsSettings = ({ manifests }: { manifests: EcommerceApiManifest[] }) => {\n if (!manifests.length) {\n return <Alert type={\"info\"}>There are no integrations to configure.</Alert>;\n }\n\n const tabs = manifests.map(manifest => {\n const name = manifest.getName();\n return (\n <Tabs.Tab\n key={name}\n trigger={toTitleCaseLabel(name)}\n value={name}\n content={<IntegrationForm manifest={manifest} />}\n />\n );\n });\n\n return <Tabs tabs={tabs} size={\"md\"} spacing={\"sm\"} />;\n};\n\ninterface IntegrationFormProps {\n manifest: EcommerceApiManifest;\n}\n\nconst IntegrationForm = ({ manifest }: IntegrationFormProps) => {\n return (\n <Grid>\n {manifest.getSettingsInputs().map(input => {\n const bindProps = {\n name: `${manifest.getName()}.${input.name}`,\n validators: input.required ? validation.create(\"required\") : undefined,\n defaultValue: input.defaultValue\n };\n\n const inputProps = {\n label: input.label ?? toTitleCaseLabel(input.name),\n description: input.description,\n note: input.note\n };\n\n return (\n <Grid.Column key={input.name} span={12}>\n {input.type === \"text\" ? (\n <Bind {...bindProps}>\n <Input {...inputProps} />\n </Bind>\n ) : null}\n {input.type === \"number\" ? (\n <Bind {...bindProps}>\n <Input type=\"number\" {...inputProps} />\n </Bind>\n ) : null}\n {input.type === \"select\" ? (\n <Bind {...bindProps}>\n <Select\n displayResetAction={false}\n options={input.options}\n {...inputProps}\n />\n </Bind>\n ) : null}\n {input.type === \"boolean\" ? (\n <Bind {...bindProps}>\n <Switch {...inputProps} />\n </Bind>\n ) : null}\n </Grid.Column>\n );\n })}\n </Grid>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/integrations/useIntegrationsDialog.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from "react";
 import { useDialogs } from "@webiny/app-admin";
-import { IntegrationsSettings } from "./IntegrationsSettings";
-import { useEcommerceApiProvider, useGetEcommerceSettings, useUpdateEcommerceSettings } from "../../features";
+import { IntegrationsSettings } from "./IntegrationsSettings.js";
+import { useEcommerceApiProvider, useGetEcommerceSettings, useUpdateEcommerceSettings } from "../../features/index.js";
 import { useToast } from "@webiny/admin-ui";
 export const useIntegrationsDialog = () => {
   const {

package/modules/integrations/useIntegrationsDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useDialogs","IntegrationsSettings","useEcommerceApiProvider","useGetEcommerceSettings","useUpdateEcommerceSettings","useToast","useIntegrationsDialog","showSuccessToast","dialogs","provider","manifests","getApiManifests","getSettings","updateSettings","noIntegrations","length","showIntegrationsDialog","showDialog","title","formData","description","acceptLabel","cancelLabel","content","createElement","onAccept","data","duration"],"sources":["useIntegrationsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { IntegrationsSettings } from \"./IntegrationsSettings\";\nimport {\n useEcommerceApiProvider,\n useGetEcommerceSettings,\n useUpdateEcommerceSettings\n} from \"~/features\";\nimport { useToast } from \"@webiny/admin-ui\";\n\nexport const useIntegrationsDialog = () => {\n const { showSuccessToast } = useToast();\n const dialogs = useDialogs();\n const provider = useEcommerceApiProvider();\n const manifests = provider.getApiManifests();\n const { getSettings } = useGetEcommerceSettings();\n const { updateSettings } = useUpdateEcommerceSettings();\n\n const noIntegrations = manifests.length === 0;\n\n const showIntegrationsDialog = () => {\n dialogs.showDialog({\n title: `Website Builder Integrations`,\n formData: getSettings,\n description: \"Configure your website builder integrations here.\",\n acceptLabel: noIntegrations ? null : \"Save Settings\",\n cancelLabel: noIntegrations ? \"Close\" : \"Cancel\",\n content: <IntegrationsSettings manifests={manifests} />,\n onAccept: async data => {\n await updateSettings(data);\n showSuccessToast({\n title: \"Success!\",\n description: \"Integrations settings were saved successfully.\",\n duration: 3000\n });\n }\n });\n };\n\n return { showIntegrationsDialog };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,oBAAoB;AAC7B,SACIC,uBAAuB,EACvBC,uBAAuB,EACvBC,0BAA0B;AAE9B,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,MAAM;IAAEC;EAAiB,CAAC,GAAGF,QAAQ,CAAC,CAAC;EACvC,MAAMG,OAAO,GAAGR,UAAU,CAAC,CAAC;EAC5B,MAAMS,QAAQ,GAAGP,uBAAuB,CAAC,CAAC;EAC1C,MAAMQ,SAAS,GAAGD,QAAQ,CAACE,eAAe,CAAC,CAAC;EAC5C,MAAM;IAAEC;EAAY,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EACjD,MAAM;IAAEU;EAAe,CAAC,GAAGT,0BAA0B,CAAC,CAAC;EAEvD,MAAMU,cAAc,GAAGJ,SAAS,CAACK,MAAM,KAAK,CAAC;EAE7C,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACjCR,OAAO,CAACS,UAAU,CAAC;MACfC,KAAK,EAAE,8BAA8B;MACrCC,QAAQ,EAAEP,WAAW;MACrBQ,WAAW,EAAE,mDAAmD;MAChEC,WAAW,EAAEP,cAAc,GAAG,IAAI,GAAG,eAAe;MACpDQ,WAAW,EAAER,cAAc,GAAG,OAAO,GAAG,QAAQ;MAChDS,OAAO,eAAExB,KAAA,CAAAyB,aAAA,CAACvB,oBAAoB;QAACS,SAAS,EAAEA;MAAU,CAAE,CAAC;MACvDe,QAAQ,EAAE,MAAMC,IAAI,IAAI;QACpB,MAAMb,cAAc,CAACa,IAAI,CAAC;QAC1BnB,gBAAgB,CAAC;UACbW,KAAK,EAAE,UAAU;UACjBE,WAAW,EAAE,gDAAgD;UAC7DO,QAAQ,EAAE;QACd,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IAAEX;EAAuB,CAAC;AACrC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useDialogs","IntegrationsSettings","useEcommerceApiProvider","useGetEcommerceSettings","useUpdateEcommerceSettings","useToast","useIntegrationsDialog","showSuccessToast","dialogs","provider","manifests","getApiManifests","getSettings","updateSettings","noIntegrations","length","showIntegrationsDialog","showDialog","title","formData","description","acceptLabel","cancelLabel","content","createElement","onAccept","data","duration"],"sources":["useIntegrationsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { IntegrationsSettings } from \"./IntegrationsSettings.js\";\nimport {\n useEcommerceApiProvider,\n useGetEcommerceSettings,\n useUpdateEcommerceSettings\n} from \"~/features/index.js\";\nimport { useToast } from \"@webiny/admin-ui\";\n\nexport const useIntegrationsDialog = () => {\n const { showSuccessToast } = useToast();\n const dialogs = useDialogs();\n const provider = useEcommerceApiProvider();\n const manifests = provider.getApiManifests();\n const { getSettings } = useGetEcommerceSettings();\n const { updateSettings } = useUpdateEcommerceSettings();\n\n const noIntegrations = manifests.length === 0;\n\n const showIntegrationsDialog = () => {\n dialogs.showDialog({\n title: `Website Builder Integrations`,\n formData: getSettings,\n description: \"Configure your website builder integrations here.\",\n acceptLabel: noIntegrations ? null : \"Save Settings\",\n cancelLabel: noIntegrations ? \"Close\" : \"Cancel\",\n content: <IntegrationsSettings manifests={manifests} />,\n onAccept: async data => {\n await updateSettings(data);\n showSuccessToast({\n title: \"Success!\",\n description: \"Integrations settings were saved successfully.\",\n duration: 3000\n });\n }\n });\n };\n\n return { showIntegrationsDialog };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,oBAAoB;AAC7B,SACIC,uBAAuB,EACvBC,uBAAuB,EACvBC,0BAA0B;AAE9B,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,MAAM;IAAEC;EAAiB,CAAC,GAAGF,QAAQ,CAAC,CAAC;EACvC,MAAMG,OAAO,GAAGR,UAAU,CAAC,CAAC;EAC5B,MAAMS,QAAQ,GAAGP,uBAAuB,CAAC,CAAC;EAC1C,MAAMQ,SAAS,GAAGD,QAAQ,CAACE,eAAe,CAAC,CAAC;EAC5C,MAAM;IAAEC;EAAY,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EACjD,MAAM;IAAEU;EAAe,CAAC,GAAGT,0BAA0B,CAAC,CAAC;EAEvD,MAAMU,cAAc,GAAGJ,SAAS,CAACK,MAAM,KAAK,CAAC;EAE7C,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACjCR,OAAO,CAACS,UAAU,CAAC;MACfC,KAAK,EAAE,8BAA8B;MACrCC,QAAQ,EAAEP,WAAW;MACrBQ,WAAW,EAAE,mDAAmD;MAChEC,WAAW,EAAEP,cAAc,GAAG,IAAI,GAAG,eAAe;MACpDQ,WAAW,EAAER,cAAc,GAAG,OAAO,GAAG,QAAQ;MAChDS,OAAO,eAAExB,KAAA,CAAAyB,aAAA,CAACvB,oBAAoB;QAACS,SAAS,EAAEA;MAAU,CAAE,CAAC;MACvDe,QAAQ,EAAE,MAAMC,IAAI,IAAI;QACpB,MAAMb,cAAc,CAACa,IAAI,CAAC;QAC1BnB,gBAAgB,CAAC;UACbW,KAAK,EAAE,UAAU;UACjBE,WAAW,EAAE,gDAAgD;UAC7DO,QAAQ,EAAE;QACd,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IAAEX;EAAuB,CAAC;AACrC,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/DefaultPageEditorConfig.js CHANGED Viewed

@@ -1,11 +1,12 @@
 import React from "react";
-import { PageEditorConfig } from "./PageEditorConfig";
-import { AutoSaveIndicator, PageAutoSave } from "./PageAutoSave";
-import { BackButton } from "./TopBar/BackButton";
-import { Title } from "./TopBar/Title";
-import { PublishButton } from "./TopBar/PublishButton";
-import { RevisionsMenu } from "./TopBar/RevisionsMenu";
-import { SettingsButton } from "./TopBar/SettingsButton";
+import { PageEditorConfig } from "./PageEditorConfig.js";
+import { PageAutoSave } from "./PageAutoSave.js";
+import { BackButton } from "./TopBar/BackButton.js";
+import { Title } from "./TopBar/Title.js";
+import { PublishButton } from "./TopBar/PublishButton.js";
+import { RevisionsMenu } from "./TopBar/RevisionsMenu.js";
+import { SettingsButton } from "./TopBar/SettingsButton.js";
+import { HasPermission } from "../../../presentation/security/HasPermission.js";
 const {
   Ui
 } = PageEditorConfig;
@@ -24,15 +25,20 @@ export const DefaultPageEditorConfig = () => {
   }), /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
     name: "buttonSettings",
     element: /*#__PURE__*/React.createElement(SettingsButton, null)
-  }), /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
+  }), /*#__PURE__*/React.createElement(HasPermission, {
+    entity: "page",
+    action: "publish"
+  }, /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
     name: "buttonPublish",
     element: /*#__PURE__*/React.createElement(PublishButton, null)
-  }), /*#__PURE__*/React.createElement(PageAutoSave, null), /*#__PURE__*/React.createElement(Ui.TopBar.Element, {
+  })), /*#__PURE__*/React.createElement(HasPermission, {
+    entity: "page",
+    action: "edit"
+  }, /*#__PURE__*/React.createElement(Ui.TopBar.Element, {
     group: "left",
     name: "autoSave",
-    after: "title",
-    element: /*#__PURE__*/React.createElement(AutoSaveIndicator, null)
-  }));
+    element: /*#__PURE__*/React.createElement(PageAutoSave, null)
+  })));
 };
 //# sourceMappingURL=DefaultPageEditorConfig.js.map

package/modules/pages/PageEditor/DefaultPageEditorConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","PageEditorConfig","~~AutoSaveIndicator","~~PageAutoSave","BackButton","Title","PublishButton","RevisionsMenu","SettingsButton","Ui","DefaultPageEditorConfig","createElement","TopBar","Element","name","group","element","Action","~~after~~"],"sources":["DefaultPageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"~~~/modules/pages/PageEditor/~~PageEditorConfig\";\nimport { ~~AutoSaveIndicator,~~ PageAutoSave } from \"~~~/modules/pages/PageEditor/~~PageAutoSave\";\nimport { BackButton } from \"./TopBar/BackButton\";\nimport { Title } from \"./TopBar/Title\";\nimport { PublishButton } from \"./TopBar/PublishButton\";\nimport { RevisionsMenu } from \"~~~/modules/pages/PageEditor/~~TopBar/RevisionsMenu\";\nimport { SettingsButton } from \"./TopBar/SettingsButton\";\n\nconst { Ui } = PageEditorConfig;\n\nexport const DefaultPageEditorConfig = () => {\n return (\n <PageEditorConfig>\n <Ui.TopBar.Element name={\"buttonBack\"} group={\"left\"} element={<BackButton />} />\n <Ui.TopBar.Element name={\"title\"} group={\"left\"} element={<Title />} />\n <Ui.TopBar.Action name={\"revisionsMenu\"} element={<RevisionsMenu />} />\n <Ui.TopBar.Action name={\"buttonSettings\"} element={<SettingsButton />} />\n <Ui.TopBar.Action name={\"buttonPublish\"} element={<PublishButton />} />\n <~~PageAutoSave~~ ~~/>\~~n <Ui.TopBar.Element\n group={\"left\"}\n name={\"autoSave\"}~~\n after={\"title\"}\n~~ element={<~~AutoSaveIndicator~~ />}\n ~~/>\~~n </PageEditorConfig>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AACzB,SAASC,~~iBAAiB,EAAEC,~~YAAY;~~AACxC~~,SAASC,UAAU;AACnB,SAASC,KAAK;AACd,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,cAAc;~~AAEvB~~,MAAM;EAAEC;AAAG,CAAC,GAAGR,gBAAgB;AAE/B,OAAO,MAAMS,uBAAuB,GAAGA,CAAA,KAAM;EACzC,oBACIV,KAAA,CAAAW,aAAA,CAACV,gBAAgB,qBACbD,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACC,IAAI,EAAE,YAAa;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,eAAEhB,KAAA,CAAAW,aAAA,~~CAACP~~,UAAU,MAAE;EAAE,CAAE,CAAC,~~eACjFJ~~,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACC,IAAI,EAAE,OAAQ;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,eAAEhB,KAAA,CAAAW,aAAA,~~CAACN~~,KAAK,MAAE;EAAE,CAAE,CAAC,~~eACvEL~~,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,eAAgB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,~~CAACJ~~,aAAa,MAAE;EAAE,CAAE,CAAC,~~eACvEP~~,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,gBAAiB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,~~CAACH~~,cAAc,MAAE;EAAE,CAAE,CAAC,~~eACzER~~,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,eAAgB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,~~CAACL~~,aAAa,MAAE;EAAE,CAAE,CAAC,~~eACvEN~~,KAAA,CAAAW,aAAA,~~CAACR~~,~~YAAY~~,~~MAAE~~,~~CAAC~~,~~eAChBH~~,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;~~IACdE~~,KAAK,EAAE,MAAO;~~IACdD~~,IAAI,EAAE,UAAW;~~IACjBI~~,~~KAAK,EAAE,OAAQ;IACfF,~~OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACT,~~iBAAiB~~,MAAE;EAAE,~~CAClC~~,~~CACa~~,CAAC;AAE3B,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","PageEditorConfig","PageAutoSave","BackButton","Title","PublishButton","RevisionsMenu","SettingsButton","HasPermission","Ui","DefaultPageEditorConfig","createElement","TopBar","Element","name","group","element","Action","entity","action"],"sources":["DefaultPageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig } from \"./PageEditorConfig.js\";\nimport { PageAutoSave } from \"./PageAutoSave.js\";\nimport { BackButton } from \"./TopBar/BackButton.js\";\nimport { Title } from \"./TopBar/Title.js\";\nimport { PublishButton } from \"./TopBar/PublishButton.js\";\nimport { RevisionsMenu } from \"./TopBar/RevisionsMenu.js\";\nimport { SettingsButton } from \"./TopBar/SettingsButton.js\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\n\nconst { Ui } = PageEditorConfig;\n\nexport const DefaultPageEditorConfig = () => {\n return (\n <PageEditorConfig>\n <Ui.TopBar.Element name={\"buttonBack\"} group={\"left\"} element={<BackButton />} />\n <Ui.TopBar.Element name={\"title\"} group={\"left\"} element={<Title />} />\n <Ui.TopBar.Action name={\"revisionsMenu\"} element={<RevisionsMenu />} />\n <Ui.TopBar.Action name={\"buttonSettings\"} element={<SettingsButton />} />\n <HasPermission entity={\"page\"} action={\"publish\"}>\n <Ui.TopBar.Action name={\"buttonPublish\"} element={<PublishButton />} />\n </HasPermission>\n <HasPermission entity={\"page\"} action={\"edit\"}>\n <Ui.TopBar.Element group={\"left\"} name={\"autoSave\"} element={<PageAutoSave />} />\n </HasPermission>\n </PageEditorConfig>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AACzB,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,KAAK;AACd,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,cAAc;AACvB,SAASC,aAAa;AAEtB,MAAM;EAAEC;AAAG,CAAC,GAAGR,gBAAgB;AAE/B,OAAO,MAAMS,uBAAuB,GAAGA,CAAA,KAAM;EACzC,oBACIV,KAAA,CAAAW,aAAA,CAACV,gBAAgB,qBACbD,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACC,IAAI,EAAE,YAAa;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACR,UAAU,MAAE;EAAE,CAAE,CAAC,eACjFH,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACC,IAAI,EAAE,OAAQ;IAACC,KAAK,EAAE,MAAO;IAACC,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACP,KAAK,MAAE;EAAE,CAAE,CAAC,eACvEJ,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,eAAgB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACL,aAAa,MAAE;EAAE,CAAE,CAAC,eACvEN,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,gBAAiB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACJ,cAAc,MAAE;EAAE,CAAE,CAAC,eACzEP,KAAA,CAAAW,aAAA,CAACH,aAAa;IAACU,MAAM,EAAE,MAAO;IAACC,MAAM,EAAE;EAAU,gBAC7CnB,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACK,MAAM;IAACH,IAAI,EAAE,eAAgB;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACN,aAAa,MAAE;EAAE,CAAE,CAC3D,CAAC,eAChBL,KAAA,CAAAW,aAAA,CAACH,aAAa;IAACU,MAAM,EAAE,MAAO;IAACC,MAAM,EAAE;EAAO,gBAC1CnB,KAAA,CAAAW,aAAA,CAACF,EAAE,CAACG,MAAM,CAACC,OAAO;IAACE,KAAK,EAAE,MAAO;IAACD,IAAI,EAAE,UAAW;IAACE,OAAO,eAAEhB,KAAA,CAAAW,aAAA,CAACT,YAAY,MAAE;EAAE,CAAE,CACrE,CACD,CAAC;AAE3B,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/EditorStateDebugger.js CHANGED Viewed

@@ -3,10 +3,10 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { useEffect } from "react";
 import MonacoEditor from "@monaco-editor/react";
 import { Button } from "@webiny/admin-ui";
-import { useDocumentEditor } from "../../../DocumentEditor";
-import { useSelectFromDocument } from "../../../BaseEditor/hooks/useSelectFromDocument";
+import { useDocumentEditor } from "../../../DocumentEditor/index.js";
+import { useSelectFromDocument } from "../../../BaseEditor/hooks/useSelectFromDocument.js";
 import React from "react";
-import { useSelectFromEditor } from "../../../BaseEditor/hooks/useSelectFromEditor";
+import { useSelectFromEditor } from "../../../BaseEditor/hooks/useSelectFromEditor.js";
 const Toolbar = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1ojwo140"
 } : {
@@ -17,8 +17,7 @@ const Toolbar = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production
   styles: "position:absolute;padding-top:5px;width:100%;padding-left:5px;border-top:1px solid #cccccc;z-index:10000"
 } : {
   name: "5tttfu",
-  styles: "position:absolute;padding-top:5px;width:100%;padding-left:5px;border-top:1px solid #cccccc;z-index:10000",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVkaXRvclN0YXRlRGVidWdnZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVUwQiIsImZpbGUiOiJFZGl0b3JTdGF0ZURlYnVnZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IE1vbmFjb0VkaXRvciBmcm9tIFwiQG1vbmFjby1lZGl0b3IvcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcbmltcG9ydCB7IHVzZURvY3VtZW50RWRpdG9yIH0gZnJvbSBcIn4vRG9jdW1lbnRFZGl0b3JcIjtcbmltcG9ydCB7IHVzZVNlbGVjdEZyb21Eb2N1bWVudCB9IGZyb20gXCJ+L0Jhc2VFZGl0b3IvaG9va3MvdXNlU2VsZWN0RnJvbURvY3VtZW50XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VTZWxlY3RGcm9tRWRpdG9yIH0gZnJvbSBcIn4vQmFzZUVkaXRvci9ob29rcy91c2VTZWxlY3RGcm9tRWRpdG9yXCI7XG5pbXBvcnQgdHlwZSB7IEhpc3RvcnlTbmFwc2hvdCB9IGZyb20gXCJ+L2VkaXRvclNkay9IaXN0b3J5U25hcHNob3RcIjtcblxuY29uc3QgVG9vbGJhciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHBhZGRpbmctdG9wOiA1cHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNjY2NjY2M7XG4gICAgei1pbmRleDogMTAwMDA7XG5gO1xuXG5jb25zdCBtb25hY29PcHRpb25zID0geyBtaW5pbWFwOiB7IGVuYWJsZWQ6IGZhbHNlIH0gfTtcblxuY29uc3QgZm9ybWF0U25hcHNob3RzID0gKHNuYXBzaG90czogSGlzdG9yeVNuYXBzaG90W10sIGFjdGl2ZUluZGV4OiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gc25hcHNob3RzXG4gICAgICAgIC5tYXAoKHNuYXBzaG90LCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgYXNTdHJpbmcgPSBKU09OLnN0cmluZ2lmeShzbmFwc2hvdC5nZXRTdGF0ZSgpLCBudWxsLCAyKTtcbiAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gYWN0aXZlSW5kZXggPT09IGluZGV4O1xuXG4gICAgICAgICAgICByZXR1cm4gYC8vICR7aXNBY3RpdmUgPyBcIvCfn6JcIiA6IFwi4pqq77iPXCJ9IFNuYXBzaG90ICMke2luZGV4ICsgMX0gKCR7c25hcHNob3RcbiAgICAgICAgICAgICAgICAuZ2V0Q3JlYXRlZE9uKClcbiAgICAgICAgICAgICAgICAudG9JU09TdHJpbmcoKX0pXFxuJHthc1N0cmluZ31gO1xuICAgICAgICB9KVxuICAgICAgICAuam9pbihcIixcXG5cIik7XG59O1xuXG5leHBvcnQgY29uc3QgRWRpdG9yU3RhdGVEZWJ1Z2dlciA9ICgpID0+IHtcbiAgICBjb25zdCBlZGl0b3IgPSB1c2VEb2N1bWVudEVkaXRvcigpO1xuXG4gICAgY29uc3QgZWRpdG9yU3RhdGUgPSB1c2VTZWxlY3RGcm9tRWRpdG9yKHN0YXRlID0+IHN0YXRlKTtcbiAgICBjb25zdCBkb2N1bWVudFN0YXRlID0gdXNlU2VsZWN0RnJvbURvY3VtZW50KHN0YXRlID0+IHN0YXRlKTtcbiAgICBjb25zdCBoaXN0b3J5ID0gZWRpdG9yLmdldERvY3VtZW50U3RhdGUoKS5nZXRIaXN0b3J5KCk7XG5cbiAgICBjb25zdCBudW1iZXJPZlNuYXBzaG90cyA9IGVkaXRvci5nZXREb2N1bWVudFN0YXRlKCkuZ2V0SGlzdG9yeSgpLmdldFNuYXBzaG90cygpLmxlbmd0aDtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIC8vIEB0cy1pZ25vcmUgMTIzXG4gICAgICAgIHdpbmRvd1tcImVkaXRvclwiXSA9IGVkaXRvcjtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBtb25hY29WYWx1ZSA9IGAvLyBFZGl0b3IgU3RhdGVcXG4ke0pTT04uc3RyaW5naWZ5KFxuICAgICAgICBlZGl0b3JTdGF0ZSxcbiAgICAgICAgbnVsbCxcbiAgICAgICAgMlxuICAgICl9XFxuXFxuLy8gRG9jdW1lbnQgU3RhdGVcXG4ke0pTT04uc3RyaW5naWZ5KFxuICAgICAgICBkb2N1bWVudFN0YXRlLFxuICAgICAgICBudWxsLFxuICAgICAgICAyXG4gICAgKX1cXG5cXG4vLyBIaXN0b3J5XFxuXFxuJHtmb3JtYXRTbmFwc2hvdHMoaGlzdG9yeS5nZXRTbmFwc2hvdHMoKSwgaGlzdG9yeS5nZXRBY3RpdmVTbmFwc2hvdEluZGV4KCkpfVxuICAgIFxcbi8vIFNuYXBzaG90IENoYW5nZXNcXG4ke0pTT04uc3RyaW5naWZ5KGhpc3RvcnkuZ2V0Q3VycmVudFNuYXBzaG90KCkuZ2V0Q2hhbmdlcygpLCBudWxsLCAyKX1gO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRvb2xiYXI+XG4gICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiB0ZXh0PXtgU25hcHNob3RzOiAke251bWJlck9mU25hcHNob3RzfWB9PjwvQnV0dG9uPlxuICAgICAgICAgICAgPE1vbmFjb0VkaXRvclxuICAgICAgICAgICAgICAgIGhlaWdodD17XCIxMDB2aFwifVxuICAgICAgICAgICAgICAgIGxhbmd1YWdlPXtcImpzb25cIn1cbiAgICAgICAgICAgICAgICB2YWx1ZT17bW9uYWNvVmFsdWV9XG4gICAgICAgICAgICAgICAgb3B0aW9ucz17bW9uYWNvT3B0aW9uc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvVG9vbGJhcj5cbiAgICApO1xufTtcbiJdfQ== */",
+  styles: "position:absolute;padding-top:5px;width:100%;padding-left:5px;border-top:1px solid #cccccc;z-index:10000/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVkaXRvclN0YXRlRGVidWdnZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVUwQiIsImZpbGUiOiJFZGl0b3JTdGF0ZURlYnVnZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IE1vbmFjb0VkaXRvciBmcm9tIFwiQG1vbmFjby1lZGl0b3IvcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcbmltcG9ydCB7IHVzZURvY3VtZW50RWRpdG9yIH0gZnJvbSBcIn4vRG9jdW1lbnRFZGl0b3IvaW5kZXguanNcIjtcbmltcG9ydCB7IHVzZVNlbGVjdEZyb21Eb2N1bWVudCB9IGZyb20gXCJ+L0Jhc2VFZGl0b3IvaG9va3MvdXNlU2VsZWN0RnJvbURvY3VtZW50LmpzXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VTZWxlY3RGcm9tRWRpdG9yIH0gZnJvbSBcIn4vQmFzZUVkaXRvci9ob29rcy91c2VTZWxlY3RGcm9tRWRpdG9yLmpzXCI7XG5pbXBvcnQgdHlwZSB7IEhpc3RvcnlTbmFwc2hvdCB9IGZyb20gXCJ+L2VkaXRvclNkay9IaXN0b3J5U25hcHNob3QuanNcIjtcblxuY29uc3QgVG9vbGJhciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHBhZGRpbmctdG9wOiA1cHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNjY2NjY2M7XG4gICAgei1pbmRleDogMTAwMDA7XG5gO1xuXG5jb25zdCBtb25hY29PcHRpb25zID0geyBtaW5pbWFwOiB7IGVuYWJsZWQ6IGZhbHNlIH0gfTtcblxuY29uc3QgZm9ybWF0U25hcHNob3RzID0gKHNuYXBzaG90czogSGlzdG9yeVNuYXBzaG90W10sIGFjdGl2ZUluZGV4OiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gc25hcHNob3RzXG4gICAgICAgIC5tYXAoKHNuYXBzaG90LCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgYXNTdHJpbmcgPSBKU09OLnN0cmluZ2lmeShzbmFwc2hvdC5nZXRTdGF0ZSgpLCBudWxsLCAyKTtcbiAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gYWN0aXZlSW5kZXggPT09IGluZGV4O1xuXG4gICAgICAgICAgICByZXR1cm4gYC8vICR7aXNBY3RpdmUgPyBcIvCfn6JcIiA6IFwi4pqq77iPXCJ9IFNuYXBzaG90ICMke2luZGV4ICsgMX0gKCR7c25hcHNob3RcbiAgICAgICAgICAgICAgICAuZ2V0Q3JlYXRlZE9uKClcbiAgICAgICAgICAgICAgICAudG9JU09TdHJpbmcoKX0pXFxuJHthc1N0cmluZ31gO1xuICAgICAgICB9KVxuICAgICAgICAuam9pbihcIixcXG5cIik7XG59O1xuXG5leHBvcnQgY29uc3QgRWRpdG9yU3RhdGVEZWJ1Z2dlciA9ICgpID0+IHtcbiAgICBjb25zdCBlZGl0b3IgPSB1c2VEb2N1bWVudEVkaXRvcigpO1xuXG4gICAgY29uc3QgZWRpdG9yU3RhdGUgPSB1c2VTZWxlY3RGcm9tRWRpdG9yKHN0YXRlID0+IHN0YXRlKTtcbiAgICBjb25zdCBkb2N1bWVudFN0YXRlID0gdXNlU2VsZWN0RnJvbURvY3VtZW50KHN0YXRlID0+IHN0YXRlKTtcbiAgICBjb25zdCBoaXN0b3J5ID0gZWRpdG9yLmdldERvY3VtZW50U3RhdGUoKS5nZXRIaXN0b3J5KCk7XG5cbiAgICBjb25zdCBudW1iZXJPZlNuYXBzaG90cyA9IGVkaXRvci5nZXREb2N1bWVudFN0YXRlKCkuZ2V0SGlzdG9yeSgpLmdldFNuYXBzaG90cygpLmxlbmd0aDtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIC8vIEB0cy1pZ25vcmUgMTIzXG4gICAgICAgIHdpbmRvd1tcImVkaXRvclwiXSA9IGVkaXRvcjtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBtb25hY29WYWx1ZSA9IGAvLyBFZGl0b3IgU3RhdGVcXG4ke0pTT04uc3RyaW5naWZ5KFxuICAgICAgICBlZGl0b3JTdGF0ZSxcbiAgICAgICAgbnVsbCxcbiAgICAgICAgMlxuICAgICl9XFxuXFxuLy8gRG9jdW1lbnQgU3RhdGVcXG4ke0pTT04uc3RyaW5naWZ5KFxuICAgICAgICBkb2N1bWVudFN0YXRlLFxuICAgICAgICBudWxsLFxuICAgICAgICAyXG4gICAgKX1cXG5cXG4vLyBIaXN0b3J5XFxuXFxuJHtmb3JtYXRTbmFwc2hvdHMoaGlzdG9yeS5nZXRTbmFwc2hvdHMoKSwgaGlzdG9yeS5nZXRBY3RpdmVTbmFwc2hvdEluZGV4KCkpfVxuICAgIFxcbi8vIFNuYXBzaG90IENoYW5nZXNcXG4ke0pTT04uc3RyaW5naWZ5KGhpc3RvcnkuZ2V0Q3VycmVudFNuYXBzaG90KCkuZ2V0Q2hhbmdlcygpLCBudWxsLCAyKX1gO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRvb2xiYXI+XG4gICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiB0ZXh0PXtgU25hcHNob3RzOiAke251bWJlck9mU25hcHNob3RzfWB9PjwvQnV0dG9uPlxuICAgICAgICAgICAgPE1vbmFjb0VkaXRvclxuICAgICAgICAgICAgICAgIGhlaWdodD17XCIxMDB2aFwifVxuICAgICAgICAgICAgICAgIGxhbmd1YWdlPXtcImpzb25cIn1cbiAgICAgICAgICAgICAgICB2YWx1ZT17bW9uYWNvVmFsdWV9XG4gICAgICAgICAgICAgICAgb3B0aW9ucz17bW9uYWNvT3B0aW9uc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvVG9vbGJhcj5cbiAgICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const monacoOptions = {