@webiny/app-admin 6.3.0 → 6.4.0-beta.0

package/components/LexicalEditor/LexicalEditor.js

@@ -1,46 +1,48 @@
-import React, { useEffect, useMemo, useRef } from "react";
+import react, { useEffect, useMemo, useRef } from "react";
 import { FileManager } from "../index.js";
-import { RichTextEditor as BaseEditor } from "@webiny/lexical-editor";
+import { RichTextEditor } from "@webiny/lexical-editor";
 import { DelayedOnChange } from "@webiny/admin-ui";
 import { useAdminConfig } from "../../config/AdminConfig.js";
 import { lexicalValueWithHtml } from "./lexicalValueWithHtml.js";
 import { lexicalValueFromHtml } from "./lexicalValueFromHtml.js";
-const imagesOnly = ["image/*"];
-const noop = () => {};
-export const LexicalEditor = props => {
-  const {
-    lexicalTheme
-  } = useAdminConfig();
-  const configRef = useRef(undefined);
-  useEffect(() => {
-    if (configRef.current && props.value?.html && !props.value.state && props.onChange) {
-      lexicalValueFromHtml(configRef, props.onChange)(props.value.html);
-    }
-  }, [configRef.current, props.value, props.onChange]);
-  const onChange = useMemo(() => {
-    return lexicalValueWithHtml(configRef, props.onChange ?? noop);
-  }, [props.onChange]);
-  return /*#__PURE__*/React.createElement(FileManager, {
-    accept: imagesOnly,
-    render: ({
-      showFileManager
-    }) => /*#__PURE__*/React.createElement(DelayedOnChange, {
-      value: props.value?.state,
-      onChange: onChange
-    }, ({
-      value,
-      onChange
-    }) => /*#__PURE__*/React.createElement(BaseEditor, Object.assign({}, props, {
-      value: value,
-      onChange: onChange,
-      theme: props.theme ?? lexicalTheme,
-      configRef: configRef,
-      toolbarActionPlugins: [...(props.toolbarActionPlugins || []), {
-        targetAction: "image-action",
-        plugin: showFileManager
-      }]
-    })))
-  });
+const imagesOnly = [
+    "image/*"
+];
+const noop = ()=>{};
+const LexicalEditor = (props)=>{
+    const { lexicalTheme } = useAdminConfig();
+    const configRef = useRef(void 0);
+    useEffect(()=>{
+        if (configRef.current && props.value?.html && !props.value.state && props.onChange) lexicalValueFromHtml(configRef, props.onChange)(props.value.html);
+    }, [
+        configRef.current,
+        props.value,
+        props.onChange
+    ]);
+    const onChange = useMemo(()=>lexicalValueWithHtml(configRef, props.onChange ?? noop), [
+        props.onChange
+    ]);
+    return /*#__PURE__*/ react.createElement(FileManager, {
+        accept: imagesOnly,
+        render: ({ showFileManager })=>/*#__PURE__*/ react.createElement(DelayedOnChange, {
+                value: props.value?.state,
+                onChange: onChange
+            }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(RichTextEditor, {
+                    ...props,
+                    value: value,
+                    onChange: onChange,
+                    theme: props.theme ?? lexicalTheme,
+                    configRef: configRef,
+                    toolbarActionPlugins: [
+                        ...props.toolbarActionPlugins || [],
+                        {
+                            targetAction: "image-action",
+                            plugin: showFileManager
+                        }
+                    ]
+                }))
+    });
 };
+export { LexicalEditor };
 
 //# sourceMappingURL=LexicalEditor.js.map

package/components/LexicalEditor/LexicalEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","useRef","FileManager","RichTextEditor","BaseEditor","DelayedOnChange","useAdminConfig","lexicalValueWithHtml","lexicalValueFromHtml","imagesOnly","noop","LexicalEditor","props","lexicalTheme","configRef","undefined","current","value","html","state","onChange","createElement","accept","render","showFileManager","Object","assign","theme","toolbarActionPlugins","targetAction","plugin"],"sources":["LexicalEditor.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\nimport { FileManager } from \"~/components/index.js\";\nimport { RichTextEditor as BaseEditor } from \"@webiny/lexical-editor\";\nimport type { RichTextEditorProps } from \"@webiny/lexical-editor/types.js\";\nimport { DelayedOnChange } from \"@webiny/admin-ui\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\nimport { lexicalValueWithHtml, type RichTextValueWithHtml } from \"./lexicalValueWithHtml.js\";\nimport { lexicalValueFromHtml } from \"./lexicalValueFromHtml.js\";\n\nexport interface LexicalEditorProps extends Omit<\n    RichTextEditorProps,\n    \"value\" | \"onChange\" | \"theme\"\n> {\n    value?: RichTextValueWithHtml;\n    onChange?: (value: RichTextValueWithHtml) => void;\n    theme?: RichTextEditorProps[\"theme\"];\n}\n\nconst imagesOnly = [\"image/*\"];\nconst noop = () => {};\n\nexport const LexicalEditor = (props: LexicalEditorProps) => {\n    const { lexicalTheme } = useAdminConfig();\n    const configRef = useRef<BaseEditor.InitialConfig | undefined>(undefined);\n\n    useEffect(() => {\n        if (configRef.current && props.value?.html && !props.value.state && props.onChange) {\n            lexicalValueFromHtml(configRef, props.onChange)(props.value.html);\n        }\n    }, [configRef.current, props.value, props.onChange]);\n\n    const onChange = useMemo(() => {\n        return lexicalValueWithHtml(configRef, props.onChange ?? noop);\n    }, [props.onChange]);\n\n    return (\n        <FileManager\n            accept={imagesOnly}\n            render={({ showFileManager }) => (\n                <DelayedOnChange value={props.value?.state} onChange={onChange}>\n                    {({ value, onChange }) => (\n                        <BaseEditor\n                            {...props}\n                            value={value}\n                            onChange={onChange}\n                            theme={props.theme ?? lexicalTheme}\n                            configRef={configRef}\n                            toolbarActionPlugins={[\n                                ...(props.toolbarActionPlugins || []),\n                                { targetAction: \"image-action\", plugin: showFileManager }\n                            ]}\n                        />\n                    )}\n                </DelayedOnChange>\n            )}\n        />\n    );\n};\n\nexport namespace LexicalEditor {\n    export type Props = LexicalEditorProps;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACzD,SAASC,WAAW;AACpB,SAASC,cAAc,IAAIC,UAAU,QAAQ,wBAAwB;AAErE,SAASC,eAAe,QAAQ,kBAAkB;AAClD,SAASC,cAAc;AACvB,SAASC,oBAAoB;AAC7B,SAASC,oBAAoB;AAW7B,MAAMC,UAAU,GAAG,CAAC,SAAS,CAAC;AAC9B,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EACxD,MAAM;IAAEC;EAAa,CAAC,GAAGP,cAAc,CAAC,CAAC;EACzC,MAAMQ,SAAS,GAAGb,MAAM,CAAuCc,SAAS,CAAC;EAEzEhB,SAAS,CAAC,MAAM;IACZ,IAAIe,SAAS,CAACE,OAAO,IAAIJ,KAAK,CAACK,KAAK,EAAEC,IAAI,IAAI,CAACN,KAAK,CAACK,KAAK,CAACE,KAAK,IAAIP,KAAK,CAACQ,QAAQ,EAAE;MAChFZ,oBAAoB,CAACM,SAAS,EAAEF,KAAK,CAACQ,QAAQ,CAAC,CAACR,KAAK,CAACK,KAAK,CAACC,IAAI,CAAC;IACrE;EACJ,CAAC,EAAE,CAACJ,SAAS,CAACE,OAAO,EAAEJ,KAAK,CAACK,KAAK,EAAEL,KAAK,CAACQ,QAAQ,CAAC,CAAC;EAEpD,MAAMA,QAAQ,GAAGpB,OAAO,CAAC,MAAM;IAC3B,OAAOO,oBAAoB,CAACO,SAAS,EAAEF,KAAK,CAACQ,QAAQ,IAAIV,IAAI,CAAC;EAClE,CAAC,EAAE,CAACE,KAAK,CAACQ,QAAQ,CAAC,CAAC;EAEpB,oBACItB,KAAA,CAAAuB,aAAA,CAACnB,WAAW;IACRoB,MAAM,EAAEb,UAAW;IACnBc,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxB1B,KAAA,CAAAuB,aAAA,CAAChB,eAAe;MAACY,KAAK,EAAEL,KAAK,CAACK,KAAK,EAAEE,KAAM;MAACC,QAAQ,EAAEA;IAAS,GAC1D,CAAC;MAAEH,KAAK;MAAEG;IAAS,CAAC,kBACjBtB,KAAA,CAAAuB,aAAA,CAACjB,UAAU,EAAAqB,MAAA,CAAAC,MAAA,KACHd,KAAK;MACTK,KAAK,EAAEA,KAAM;MACbG,QAAQ,EAAEA,QAAS;MACnBO,KAAK,EAAEf,KAAK,CAACe,KAAK,IAAId,YAAa;MACnCC,SAAS,EAAEA,SAAU;MACrBc,oBAAoB,EAAE,CAClB,IAAIhB,KAAK,CAACgB,oBAAoB,IAAI,EAAE,CAAC,EACrC;QAAEC,YAAY,EAAE,cAAc;QAAEC,MAAM,EAAEN;MAAgB,CAAC;IAC3D,EACL,CAEQ;EACnB,CACL,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"components/LexicalEditor/LexicalEditor.js","sources":["../../../src/components/LexicalEditor/LexicalEditor.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\nimport { FileManager } from \"~/components/index.js\";\nimport { RichTextEditor as BaseEditor } from \"@webiny/lexical-editor\";\nimport type { RichTextEditorProps } from \"@webiny/lexical-editor/types.js\";\nimport { DelayedOnChange } from \"@webiny/admin-ui\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\nimport { lexicalValueWithHtml, type RichTextValueWithHtml } from \"./lexicalValueWithHtml.js\";\nimport { lexicalValueFromHtml } from \"./lexicalValueFromHtml.js\";\n\nexport interface LexicalEditorProps extends Omit<\n    RichTextEditorProps,\n    \"value\" | \"onChange\" | \"theme\"\n> {\n    value?: RichTextValueWithHtml;\n    onChange?: (value: RichTextValueWithHtml) => void;\n    theme?: RichTextEditorProps[\"theme\"];\n}\n\nconst imagesOnly = [\"image/*\"];\nconst noop = () => {};\n\nexport const LexicalEditor = (props: LexicalEditorProps) => {\n    const { lexicalTheme } = useAdminConfig();\n    const configRef = useRef<BaseEditor.InitialConfig | undefined>(undefined);\n\n    useEffect(() => {\n        if (configRef.current && props.value?.html && !props.value.state && props.onChange) {\n            lexicalValueFromHtml(configRef, props.onChange)(props.value.html);\n        }\n    }, [configRef.current, props.value, props.onChange]);\n\n    const onChange = useMemo(() => {\n        return lexicalValueWithHtml(configRef, props.onChange ?? noop);\n    }, [props.onChange]);\n\n    return (\n        <FileManager\n            accept={imagesOnly}\n            render={({ showFileManager }) => (\n                <DelayedOnChange value={props.value?.state} onChange={onChange}>\n                    {({ value, onChange }) => (\n                        <BaseEditor\n                            {...props}\n                            value={value}\n                            onChange={onChange}\n                            theme={props.theme ?? lexicalTheme}\n                            configRef={configRef}\n                            toolbarActionPlugins={[\n                                ...(props.toolbarActionPlugins || []),\n                                { targetAction: \"image-action\", plugin: showFileManager }\n                            ]}\n                        />\n                    )}\n                </DelayedOnChange>\n            )}\n        />\n    );\n};\n\nexport namespace LexicalEditor {\n    export type Props = LexicalEditorProps;\n}\n"],"names":["imagesOnly","noop","LexicalEditor","props","lexicalTheme","useAdminConfig","configRef","useRef","undefined","useEffect","lexicalValueFromHtml","onChange","useMemo","lexicalValueWithHtml","FileManager","showFileManager","DelayedOnChange","value","BaseEditor"],"mappings":";;;;;;;AAkBA,MAAMA,aAAa;IAAC;CAAU;AAC9B,MAAMC,OAAO,KAAO;AAEb,MAAMC,gBAAgB,CAACC;IAC1B,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAMC,YAAYC,OAA6CC;IAE/DC,UAAU;QACN,IAAIH,UAAU,OAAO,IAAIH,MAAM,KAAK,EAAE,QAAQ,CAACA,MAAM,KAAK,CAAC,KAAK,IAAIA,MAAM,QAAQ,EAC9EO,qBAAqBJ,WAAWH,MAAM,QAAQ,EAAEA,MAAM,KAAK,CAAC,IAAI;IAExE,GAAG;QAACG,UAAU,OAAO;QAAEH,MAAM,KAAK;QAAEA,MAAM,QAAQ;KAAC;IAEnD,MAAMQ,WAAWC,QAAQ,IACdC,qBAAqBP,WAAWH,MAAM,QAAQ,IAAIF,OAC1D;QAACE,MAAM,QAAQ;KAAC;IAEnB,OAAO,WAAP,GACI,oBAACW,aAAWA;QACR,QAAQd;QACR,QAAQ,CAAC,EAAEe,eAAe,EAAE,iBACxB,oBAACC,iBAAeA;gBAAC,OAAOb,MAAM,KAAK,EAAE;gBAAO,UAAUQ;eACjD,CAAC,EAAEM,KAAK,EAAEN,QAAQ,EAAE,iBACjB,oBAACO,gBAAUA;oBACN,GAAGf,KAAK;oBACT,OAAOc;oBACP,UAAUN;oBACV,OAAOR,MAAM,KAAK,IAAIC;oBACtB,WAAWE;oBACX,sBAAsB;2BACdH,MAAM,oBAAoB,IAAI,EAAE;wBACpC;4BAAE,cAAc;4BAAgB,QAAQY;wBAAgB;qBAC3D;;;AAO7B"}

package/components/LexicalEditor/LexicalLinkForm.js

@@ -1,94 +1,88 @@
-import React, { useEffect, useRef } from "react";
+import react, { useEffect, useRef } from "react";
 import { Button, Grid, Icon, IconButton, Input, Switch } from "@webiny/admin-ui";
 import { Form, useBind } from "@webiny/form";
 import { validation } from "@webiny/validation";
-import { ReactComponent as GlobeIcon } from "@webiny/icons/language.svg";
-import { ReactComponent as OpenInNew } from "@webiny/icons/open_in_new.svg";
-import { ReactComponent as RemoveLink } from "@webiny/icons/link_off.svg";
-export const LexicalLinkForm = ({
-  linkData,
-  onSave,
-  removeLink
-}) => {
-  const onSubmit = data => {
-    onSave(data);
-  };
-  return /*#__PURE__*/React.createElement(Form, {
-    data: linkData,
-    onSubmit: onSubmit,
-    validateOnFirstSubmit: true,
-    submitOnEnter: true
-  }, form => /*#__PURE__*/React.createElement("div", {
-    className: "p-md"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    gap: "small"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(UrlInput, null))), /*#__PURE__*/React.createElement("div", {
-    className: "flex w-full items-center justify-between mt-sm gap-sm"
-  }, /*#__PURE__*/React.createElement(TargetSwitch, null), /*#__PURE__*/React.createElement(Button, {
-    variant: "ghost",
-    text: `Remove link`,
-    className: "text-destructive-primary! [&_svg]:fill-destructive",
-    onClick: removeLink,
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      label: "Remove link",
-      icon: /*#__PURE__*/React.createElement(RemoveLink, null)
-    })
-  }), /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    text: `Save`,
-    onClick: form.submit
-  }))));
+import { ReactComponent } from "@webiny/icons/language.svg";
+import { ReactComponent as open_in_new_svg_ReactComponent } from "@webiny/icons/open_in_new.svg";
+import { ReactComponent as link_off_svg_ReactComponent } from "@webiny/icons/link_off.svg";
+const LexicalLinkForm = ({ linkData, onSave, removeLink })=>{
+    const onSubmit = (data)=>{
+        onSave(data);
+    };
+    return /*#__PURE__*/ react.createElement(Form, {
+        data: linkData,
+        onSubmit: onSubmit,
+        validateOnFirstSubmit: true,
+        submitOnEnter: true
+    }, (form)=>/*#__PURE__*/ react.createElement("div", {
+            className: "p-md"
+        }, /*#__PURE__*/ react.createElement(Grid, {
+            gap: "small"
+        }, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(UrlInput, null))), /*#__PURE__*/ react.createElement("div", {
+            className: "flex w-full items-center justify-between mt-sm gap-sm"
+        }, /*#__PURE__*/ react.createElement(TargetSwitch, null), /*#__PURE__*/ react.createElement(Button, {
+            variant: "ghost",
+            text: "Remove link",
+            className: "text-destructive-primary! [&_svg]:fill-destructive",
+            onClick: removeLink,
+            icon: /*#__PURE__*/ react.createElement(Icon, {
+                label: "Remove link",
+                icon: /*#__PURE__*/ react.createElement(link_off_svg_ReactComponent, null)
+            })
+        }), /*#__PURE__*/ react.createElement(Button, {
+            variant: "primary",
+            text: "Save",
+            onClick: form.submit
+        }))));
 };
-const UrlInput = () => {
-  const inputRef = useRef(null);
-  const urlBind = useBind({
-    name: "url",
-    validators: validation.create("required,url:allowRelative:allowHref")
-  });
-  useEffect(() => {
-    if (inputRef.current) {
-      setTimeout(() => {
-        inputRef.current?.focus();
-      }, 10);
-    }
-  }, []);
-  const openInNewTab = () => {
-    if (urlBind.validation.isValid !== false && urlBind.value) {
-      window.open(urlBind.value, "_blank");
-    }
-  };
-  return /*#__PURE__*/React.createElement(Input, Object.assign({}, urlBind, {
-    inputRef: ref => {
-      inputRef.current = ref;
-    },
-    variant: "secondary",
-    placeholder: "Enter link",
-    autoFocus: true,
-    startIcon: /*#__PURE__*/React.createElement(Icon, {
-      label: "globe",
-      icon: /*#__PURE__*/React.createElement(GlobeIcon, null)
-    }),
-    endIcon: /*#__PURE__*/React.createElement(IconButton, {
-      variant: "ghost",
-      icon: /*#__PURE__*/React.createElement(OpenInNew, null),
-      onClick: openInNewTab
-    })
-  }));
+const UrlInput = ()=>{
+    const inputRef = useRef(null);
+    const urlBind = useBind({
+        name: "url",
+        validators: validation.create("required,url:allowRelative:allowHref")
+    });
+    useEffect(()=>{
+        if (inputRef.current) setTimeout(()=>{
+            inputRef.current?.focus();
+        }, 10);
+    }, []);
+    const openInNewTab = ()=>{
+        if (false !== urlBind.validation.isValid && urlBind.value) window.open(urlBind.value, "_blank");
+    };
+    return /*#__PURE__*/ react.createElement(Input, {
+        ...urlBind,
+        inputRef: (ref)=>{
+            inputRef.current = ref;
+        },
+        variant: "secondary",
+        placeholder: "Enter link",
+        autoFocus: true,
+        startIcon: /*#__PURE__*/ react.createElement(Icon, {
+            label: "globe",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        }),
+        endIcon: /*#__PURE__*/ react.createElement(IconButton, {
+            variant: "ghost",
+            icon: /*#__PURE__*/ react.createElement(open_in_new_svg_ReactComponent, null),
+            onClick: openInNewTab
+        })
+    });
 };
-const TargetSwitch = () => {
-  const targetBind = useBind({
-    name: "target",
-    defaultValue: "_self"
-  });
-  return /*#__PURE__*/React.createElement(Switch, {
-    checked: targetBind.value === "_blank",
-    label: "Open in new tab",
-    onChange: value => {
-      targetBind.onChange(value === true ? "_blank" : "_self");
-    }
-  });
+const TargetSwitch = ()=>{
+    const targetBind = useBind({
+        name: "target",
+        defaultValue: "_self"
+    });
+    return /*#__PURE__*/ react.createElement(Switch, {
+        checked: "_blank" === targetBind.value,
+        label: "Open in new tab",
+        onChange: (value)=>{
+            targetBind.onChange(true === value ? "_blank" : "_self");
+        }
+    });
 };
+export { LexicalLinkForm };
 
 //# sourceMappingURL=LexicalLinkForm.js.map

package/components/LexicalEditor/LexicalLinkForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","Button","Grid","Icon","IconButton","Input","Switch","Form","useBind","validation","ReactComponent","GlobeIcon","OpenInNew","RemoveLink","LexicalLinkForm","linkData","onSave","removeLink","onSubmit","data","createElement","validateOnFirstSubmit","submitOnEnter","form","className","gap","Column","span","UrlInput","TargetSwitch","variant","text","onClick","icon","label","submit","inputRef","urlBind","name","validators","create","current","setTimeout","focus","openInNewTab","isValid","value","window","open","Object","assign","ref","placeholder","autoFocus","startIcon","endIcon","targetBind","defaultValue","checked","onChange"],"sources":["LexicalLinkForm.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport type { FloatingLinkEditorPlugin } from \"@webiny/lexical-editor\";\nimport { Button, Grid, Icon, IconButton, Input, Switch } from \"@webiny/admin-ui\";\nimport { Form, useBind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { ReactComponent as GlobeIcon } from \"@webiny/icons/language.svg\";\nimport { ReactComponent as OpenInNew } from \"@webiny/icons/open_in_new.svg\";\nimport { ReactComponent as RemoveLink } from \"@webiny/icons/link_off.svg\";\n\ntype LexicalLinkForm = NonNullable<\n    React.ComponentProps<typeof FloatingLinkEditorPlugin>[\"LinkForm\"]\n>;\ntype LinkFormProps = React.ComponentProps<LexicalLinkForm>;\n\nexport const LexicalLinkForm = ({ linkData, onSave, removeLink }: LinkFormProps) => {\n    const onSubmit = (data: LinkFormProps[\"linkData\"]) => {\n        onSave(data);\n    };\n\n    return (\n        <Form data={linkData} onSubmit={onSubmit} validateOnFirstSubmit submitOnEnter>\n            {form => (\n                <div className={\"p-md\"}>\n                    <Grid gap={\"small\"}>\n                        <Grid.Column span={12}>\n                            <UrlInput />\n                        </Grid.Column>\n                    </Grid>\n                    <div className={\"flex w-full items-center justify-between mt-sm gap-sm\"}>\n                        <TargetSwitch />\n                        <Button\n                            variant={\"ghost\"}\n                            text={`Remove link`}\n                            className={\"text-destructive-primary! [&_svg]:fill-destructive\"}\n                            onClick={removeLink}\n                            icon={<Icon label={\"Remove link\"} icon={<RemoveLink />} />}\n                        />\n                        <Button variant={\"primary\"} text={`Save`} onClick={form.submit} />\n                    </div>\n                </div>\n            )}\n        </Form>\n    );\n};\n\nconst UrlInput = () => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const urlBind = useBind({\n        name: \"url\",\n        validators: validation.create(\"required,url:allowRelative:allowHref\")\n    });\n\n    useEffect(() => {\n        if (inputRef.current) {\n            setTimeout(() => {\n                inputRef.current?.focus();\n            }, 10);\n        }\n    }, []);\n\n    const openInNewTab = () => {\n        if (urlBind.validation.isValid !== false && urlBind.value) {\n            window.open(urlBind.value, \"_blank\");\n        }\n    };\n\n    return (\n        <Input\n            {...urlBind}\n            inputRef={ref => {\n                inputRef.current = ref;\n            }}\n            variant={\"secondary\"}\n            placeholder={\"Enter link\"}\n            autoFocus={true}\n            startIcon={<Icon label=\"globe\" icon={<GlobeIcon />} />}\n            endIcon={<IconButton variant=\"ghost\" icon={<OpenInNew />} onClick={openInNewTab} />}\n        />\n    );\n};\n\nconst TargetSwitch = () => {\n    const targetBind = useBind({\n        name: \"target\",\n        defaultValue: \"_self\"\n    });\n\n    return (\n        <Switch\n            checked={targetBind.value === \"_blank\"}\n            label={\"Open in new tab\"}\n            onChange={value => {\n                targetBind.onChange(value === true ? \"_blank\" : \"_self\");\n            }}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/LexicalEditor/LexicalLinkForm.js","sources":["../../../src/components/LexicalEditor/LexicalLinkForm.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport type { FloatingLinkEditorPlugin } from \"@webiny/lexical-editor\";\nimport { Button, Grid, Icon, IconButton, Input, Switch } from \"@webiny/admin-ui\";\nimport { Form, useBind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { ReactComponent as GlobeIcon } from \"@webiny/icons/language.svg\";\nimport { ReactComponent as OpenInNew } from \"@webiny/icons/open_in_new.svg\";\nimport { ReactComponent as RemoveLink } from \"@webiny/icons/link_off.svg\";\n\ntype LexicalLinkForm = NonNullable<\n    React.ComponentProps<typeof FloatingLinkEditorPlugin>[\"LinkForm\"]\n>;\ntype LinkFormProps = React.ComponentProps<LexicalLinkForm>;\n\nexport const LexicalLinkForm = ({ linkData, onSave, removeLink }: LinkFormProps) => {\n    const onSubmit = (data: LinkFormProps[\"linkData\"]) => {\n        onSave(data);\n    };\n\n    return (\n        <Form data={linkData} onSubmit={onSubmit} validateOnFirstSubmit submitOnEnter>\n            {form => (\n                <div className={\"p-md\"}>\n                    <Grid gap={\"small\"}>\n                        <Grid.Column span={12}>\n                            <UrlInput />\n                        </Grid.Column>\n                    </Grid>\n                    <div className={\"flex w-full items-center justify-between mt-sm gap-sm\"}>\n                        <TargetSwitch />\n                        <Button\n                            variant={\"ghost\"}\n                            text={`Remove link`}\n                            className={\"text-destructive-primary! [&_svg]:fill-destructive\"}\n                            onClick={removeLink}\n                            icon={<Icon label={\"Remove link\"} icon={<RemoveLink />} />}\n                        />\n                        <Button variant={\"primary\"} text={`Save`} onClick={form.submit} />\n                    </div>\n                </div>\n            )}\n        </Form>\n    );\n};\n\nconst UrlInput = () => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const urlBind = useBind({\n        name: \"url\",\n        validators: validation.create(\"required,url:allowRelative:allowHref\")\n    });\n\n    useEffect(() => {\n        if (inputRef.current) {\n            setTimeout(() => {\n                inputRef.current?.focus();\n            }, 10);\n        }\n    }, []);\n\n    const openInNewTab = () => {\n        if (urlBind.validation.isValid !== false && urlBind.value) {\n            window.open(urlBind.value, \"_blank\");\n        }\n    };\n\n    return (\n        <Input\n            {...urlBind}\n            inputRef={ref => {\n                inputRef.current = ref;\n            }}\n            variant={\"secondary\"}\n            placeholder={\"Enter link\"}\n            autoFocus={true}\n            startIcon={<Icon label=\"globe\" icon={<GlobeIcon />} />}\n            endIcon={<IconButton variant=\"ghost\" icon={<OpenInNew />} onClick={openInNewTab} />}\n        />\n    );\n};\n\nconst TargetSwitch = () => {\n    const targetBind = useBind({\n        name: \"target\",\n        defaultValue: \"_self\"\n    });\n\n    return (\n        <Switch\n            checked={targetBind.value === \"_blank\"}\n            label={\"Open in new tab\"}\n            onChange={value => {\n                targetBind.onChange(value === true ? \"_blank\" : \"_self\");\n            }}\n        />\n    );\n};\n"],"names":["LexicalLinkForm","linkData","onSave","removeLink","onSubmit","data","Form","form","Grid","UrlInput","TargetSwitch","Button","Icon","RemoveLink","inputRef","useRef","urlBind","useBind","validation","useEffect","setTimeout","openInNewTab","window","Input","ref","GlobeIcon","IconButton","OpenInNew","targetBind","Switch","value"],"mappings":";;;;;;;AAcO,MAAMA,kBAAkB,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAiB;IAC3E,MAAMC,WAAW,CAACC;QACdH,OAAOG;IACX;IAEA,OAAO,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAML;QAAU,UAAUG;QAAU;QAAsB;OAC3DG,CAAAA,OAAAA,WAAAA,GACG,oBAAC;YAAI,WAAW;yBACZ,oBAACC,MAAIA;YAAC,KAAK;yBACP,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,UAAQA,SAAAA,WAAAA,GAGjB,oBAAC;YAAI,WAAW;yBACZ,oBAACC,cAAYA,OAAAA,WAAAA,GACb,oBAACC,QAAMA;YACH,SAAS;YACT,MAAM;YACN,WAAW;YACX,SAASR;YACT,oBAAM,oBAACS,MAAIA;gBAAC,OAAO;gBAAe,oBAAM,oBAACC,6BAAUA;;0BAEvD,oBAACF,QAAMA;YAAC,SAAS;YAAW,MAAM;YAAQ,SAASJ,KAAK,MAAM;;AAMtF;AAEA,MAAME,WAAW;IACb,MAAMK,WAAWC,OAAgC;IAEjD,MAAMC,UAAUC,QAAQ;QACpB,MAAM;QACN,YAAYC,WAAW,MAAM,CAAC;IAClC;IAEAC,UAAU;QACN,IAAIL,SAAS,OAAO,EAChBM,WAAW;YACPN,SAAS,OAAO,EAAE;QACtB,GAAG;IAEX,GAAG,EAAE;IAEL,MAAMO,eAAe;QACjB,IAAIL,AAA+B,UAA/BA,QAAQ,UAAU,CAAC,OAAO,IAAcA,QAAQ,KAAK,EACrDM,OAAO,IAAI,CAACN,QAAQ,KAAK,EAAE;IAEnC;IAEA,OAAO,WAAP,GACI,oBAACO,OAAKA;QACD,GAAGP,OAAO;QACX,UAAUQ,CAAAA;YACNV,SAAS,OAAO,GAAGU;QACvB;QACA,SAAS;QACT,aAAa;QACb,WAAW;QACX,yBAAW,oBAACZ,MAAIA;YAAC,OAAM;YAAQ,oBAAM,oBAACa,gBAASA;;QAC/C,uBAAS,oBAACC,YAAUA;YAAC,SAAQ;YAAQ,oBAAM,oBAACC,gCAASA;YAAK,SAASN;;;AAG/E;AAEA,MAAMX,eAAe;IACjB,MAAMkB,aAAaX,QAAQ;QACvB,MAAM;QACN,cAAc;IAClB;IAEA,OAAO,WAAP,GACI,oBAACY,QAAMA;QACH,SAASD,AAAqB,aAArBA,WAAW,KAAK;QACzB,OAAO;QACP,UAAUE,CAAAA;YACNF,WAAW,QAAQ,CAACE,AAAU,SAAVA,QAAiB,WAAW;QACpD;;AAGZ"}

package/components/LexicalEditor/index.js

@@ -1,5 +1,3 @@
 export { LexicalEditor } from "./LexicalEditor.js";
 export { LexicalLinkForm } from "./LexicalLinkForm.js";
 export { lexicalValueWithHtml } from "./lexicalValueWithHtml.js";
-
-//# sourceMappingURL=index.js.map

package/components/LexicalEditor/lexicalValueFromHtml.js

@@ -1,35 +1,28 @@
 import { createHtmlToLexicalParser } from "@webiny/lexical-converter";
 import { lexicalValueWithHtml } from "./lexicalValueWithHtml.js";
 const parserCache = new Map();
-const getOrCreate = editorConfigRef => {
-  if (!editorConfigRef.current) {
-    return undefined;
-  }
-  const id = editorConfigRef.current.editorId;
-  if (!parserCache.has(id)) {
-    const parser = createHtmlToLexicalParser({
-      editorConfig: {
-        nodes: editorConfigRef.current.nodes,
-        theme: editorConfigRef.current.theme
-      }
-    });
-    parserCache.set(id, parser);
-  }
-  return parserCache.get(id);
-};
-export const lexicalValueFromHtml = (editorConfigRef, onChange) => {
-  return value => {
-    const parser = getOrCreate(editorConfigRef);
-    if (!parser) {
-      return;
-    }
-    const domParser = new DOMParser();
-    const state = parser(domParser.parseFromString(value, "text/html"));
-    if (!state) {
-      return;
+const getOrCreate = (editorConfigRef)=>{
+    if (!editorConfigRef.current) return;
+    const id = editorConfigRef.current.editorId;
+    if (!parserCache.has(id)) {
+        const parser = createHtmlToLexicalParser({
+            editorConfig: {
+                nodes: editorConfigRef.current.nodes,
+                theme: editorConfigRef.current.theme
+            }
+        });
+        parserCache.set(id, parser);
     }
-    lexicalValueWithHtml(editorConfigRef, onChange)(JSON.stringify(state));
-  };
+    return parserCache.get(id);
 };
+const lexicalValueFromHtml = (editorConfigRef, onChange)=>(value)=>{
+        const parser = getOrCreate(editorConfigRef);
+        if (!parser) return;
+        const domParser = new DOMParser();
+        const state = parser(domParser.parseFromString(value, "text/html"));
+        if (!state) return;
+        lexicalValueWithHtml(editorConfigRef, onChange)(JSON.stringify(state));
+    };
+export { lexicalValueFromHtml };
 
 //# sourceMappingURL=lexicalValueFromHtml.js.map

package/components/LexicalEditor/lexicalValueFromHtml.js.map

@@ -1 +1 @@
-{"version":3,"names":["createHtmlToLexicalParser","lexicalValueWithHtml","parserCache","Map","getOrCreate","editorConfigRef","current","undefined","id","editorId","has","parser","editorConfig","nodes","theme","set","get","lexicalValueFromHtml","onChange","value","domParser","DOMParser","state","parseFromString","JSON","stringify"],"sources":["lexicalValueFromHtml.ts"],"sourcesContent":["import { createHtmlToLexicalParser } from \"@webiny/lexical-converter\";\nimport { RichTextEditor } from \"@webiny/lexical-editor\";\nimport { lexicalValueWithHtml } from \"~/components/LexicalEditor/lexicalValueWithHtml.js\";\n\ntype LexicalHtmlTransformer = ReturnType<typeof createHtmlToLexicalParser>;\n\nexport type RichTextValueWithHtml = {\n    state: string;\n    html: string;\n};\n\nexport type EditorConfigRef = React.MutableRefObject<RichTextEditor.InitialConfig | undefined>;\n\nconst parserCache = new Map<string, LexicalHtmlTransformer>();\n\nconst getOrCreate = (editorConfigRef: EditorConfigRef) => {\n    if (!editorConfigRef.current) {\n        return undefined;\n    }\n\n    const id = editorConfigRef.current.editorId;\n\n    if (!parserCache.has(id)) {\n        const parser = createHtmlToLexicalParser({\n            editorConfig: {\n                nodes: editorConfigRef.current.nodes,\n                theme: editorConfigRef.current.theme\n            }\n        });\n\n        parserCache.set(id, parser);\n    }\n\n    return parserCache.get(id);\n};\n\nexport const lexicalValueFromHtml = (\n    editorConfigRef: EditorConfigRef,\n    onChange: (value: RichTextValueWithHtml) => void\n) => {\n    return (value: string) => {\n        const parser = getOrCreate(editorConfigRef);\n\n        if (!parser) {\n            return;\n        }\n\n        const domParser = new DOMParser();\n        const state = parser(domParser.parseFromString(value, \"text/html\"));\n\n        if (!state) {\n            return;\n        }\n\n        lexicalValueWithHtml(editorConfigRef, onChange)(JSON.stringify(state));\n    };\n};\n"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,2BAA2B;AAErE,SAASC,oBAAoB;AAW7B,MAAMC,WAAW,GAAG,IAAIC,GAAG,CAAiC,CAAC;AAE7D,MAAMC,WAAW,GAAIC,eAAgC,IAAK;EACtD,IAAI,CAACA,eAAe,CAACC,OAAO,EAAE;IAC1B,OAAOC,SAAS;EACpB;EAEA,MAAMC,EAAE,GAAGH,eAAe,CAACC,OAAO,CAACG,QAAQ;EAE3C,IAAI,CAACP,WAAW,CAACQ,GAAG,CAACF,EAAE,CAAC,EAAE;IACtB,MAAMG,MAAM,GAAGX,yBAAyB,CAAC;MACrCY,YAAY,EAAE;QACVC,KAAK,EAAER,eAAe,CAACC,OAAO,CAACO,KAAK;QACpCC,KAAK,EAAET,eAAe,CAACC,OAAO,CAACQ;MACnC;IACJ,CAAC,CAAC;IAEFZ,WAAW,CAACa,GAAG,CAACP,EAAE,EAAEG,MAAM,CAAC;EAC/B;EAEA,OAAOT,WAAW,CAACc,GAAG,CAACR,EAAE,CAAC;AAC9B,CAAC;AAED,OAAO,MAAMS,oBAAoB,GAAGA,CAChCZ,eAAgC,EAChCa,QAAgD,KAC/C;EACD,OAAQC,KAAa,IAAK;IACtB,MAAMR,MAAM,GAAGP,WAAW,CAACC,eAAe,CAAC;IAE3C,IAAI,CAACM,MAAM,EAAE;MACT;IACJ;IAEA,MAAMS,SAAS,GAAG,IAAIC,SAAS,CAAC,CAAC;IACjC,MAAMC,KAAK,GAAGX,MAAM,CAACS,SAAS,CAACG,eAAe,CAACJ,KAAK,EAAE,WAAW,CAAC,CAAC;IAEnE,IAAI,CAACG,KAAK,EAAE;MACR;IACJ;IAEArB,oBAAoB,CAACI,eAAe,EAAEa,QAAQ,CAAC,CAACM,IAAI,CAACC,SAAS,CAACH,KAAK,CAAC,CAAC;EAC1E,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"components/LexicalEditor/lexicalValueFromHtml.js","sources":["../../../src/components/LexicalEditor/lexicalValueFromHtml.ts"],"sourcesContent":["import { createHtmlToLexicalParser } from \"@webiny/lexical-converter\";\nimport { RichTextEditor } from \"@webiny/lexical-editor\";\nimport { lexicalValueWithHtml } from \"~/components/LexicalEditor/lexicalValueWithHtml.js\";\n\ntype LexicalHtmlTransformer = ReturnType<typeof createHtmlToLexicalParser>;\n\nexport type RichTextValueWithHtml = {\n    state: string;\n    html: string;\n};\n\nexport type EditorConfigRef = React.MutableRefObject<RichTextEditor.InitialConfig | undefined>;\n\nconst parserCache = new Map<string, LexicalHtmlTransformer>();\n\nconst getOrCreate = (editorConfigRef: EditorConfigRef) => {\n    if (!editorConfigRef.current) {\n        return undefined;\n    }\n\n    const id = editorConfigRef.current.editorId;\n\n    if (!parserCache.has(id)) {\n        const parser = createHtmlToLexicalParser({\n            editorConfig: {\n                nodes: editorConfigRef.current.nodes,\n                theme: editorConfigRef.current.theme\n            }\n        });\n\n        parserCache.set(id, parser);\n    }\n\n    return parserCache.get(id);\n};\n\nexport const lexicalValueFromHtml = (\n    editorConfigRef: EditorConfigRef,\n    onChange: (value: RichTextValueWithHtml) => void\n) => {\n    return (value: string) => {\n        const parser = getOrCreate(editorConfigRef);\n\n        if (!parser) {\n            return;\n        }\n\n        const domParser = new DOMParser();\n        const state = parser(domParser.parseFromString(value, \"text/html\"));\n\n        if (!state) {\n            return;\n        }\n\n        lexicalValueWithHtml(editorConfigRef, onChange)(JSON.stringify(state));\n    };\n};\n"],"names":["parserCache","Map","getOrCreate","editorConfigRef","id","parser","createHtmlToLexicalParser","lexicalValueFromHtml","onChange","value","domParser","DOMParser","state","lexicalValueWithHtml","JSON"],"mappings":";;AAaA,MAAMA,cAAc,IAAIC;AAExB,MAAMC,cAAc,CAACC;IACjB,IAAI,CAACA,gBAAgB,OAAO,EACxB;IAGJ,MAAMC,KAAKD,gBAAgB,OAAO,CAAC,QAAQ;IAE3C,IAAI,CAACH,YAAY,GAAG,CAACI,KAAK;QACtB,MAAMC,SAASC,0BAA0B;YACrC,cAAc;gBACV,OAAOH,gBAAgB,OAAO,CAAC,KAAK;gBACpC,OAAOA,gBAAgB,OAAO,CAAC,KAAK;YACxC;QACJ;QAEAH,YAAY,GAAG,CAACI,IAAIC;IACxB;IAEA,OAAOL,YAAY,GAAG,CAACI;AAC3B;AAEO,MAAMG,uBAAuB,CAChCJ,iBACAK,WAEO,CAACC;QACJ,MAAMJ,SAASH,YAAYC;QAE3B,IAAI,CAACE,QACD;QAGJ,MAAMK,YAAY,IAAIC;QACtB,MAAMC,QAAQP,OAAOK,UAAU,eAAe,CAACD,OAAO;QAEtD,IAAI,CAACG,OACD;QAGJC,qBAAqBV,iBAAiBK,UAAUM,KAAK,SAAS,CAACF;IACnE"}

package/components/LexicalEditor/lexicalValueWithHtml.js

@@ -1,36 +1,30 @@
 import { createLexicalStateTransformer } from "@webiny/lexical-converter";
 const transformerCache = new Map();
-const getOrCreate = editorConfigRef => {
-  if (!editorConfigRef.current) {
-    return undefined;
-  }
-  const id = editorConfigRef.current.editorId;
-  if (!transformerCache.has(id)) {
-    const transformer = createLexicalStateTransformer({
-      editorConfig: {
-        nodes: editorConfigRef.current.nodes,
-        theme: editorConfigRef.current.theme
-      }
-    });
-    transformerCache.set(id, transformer);
-  }
-  return transformerCache.get(id);
-};
-export const lexicalValueWithHtml = (editorConfigRef, onChange) => {
-  return value => {
-    const transformer = getOrCreate(editorConfigRef);
-    if (!transformer) {
-      onChange({
-        state: value,
-        html: ""
-      });
-      return;
+const getOrCreate = (editorConfigRef)=>{
+    if (!editorConfigRef.current) return;
+    const id = editorConfigRef.current.editorId;
+    if (!transformerCache.has(id)) {
+        const transformer = createLexicalStateTransformer({
+            editorConfig: {
+                nodes: editorConfigRef.current.nodes,
+                theme: editorConfigRef.current.theme
+            }
+        });
+        transformerCache.set(id, transformer);
     }
-    onChange({
-      state: value,
-      html: transformer.toHtml(value)
-    });
-  };
+    return transformerCache.get(id);
 };
+const lexicalValueWithHtml = (editorConfigRef, onChange)=>(value)=>{
+        const transformer = getOrCreate(editorConfigRef);
+        if (!transformer) return void onChange({
+            state: value,
+            html: ""
+        });
+        onChange({
+            state: value,
+            html: transformer.toHtml(value)
+        });
+    };
+export { lexicalValueWithHtml };
 
 //# sourceMappingURL=lexicalValueWithHtml.js.map

package/components/LexicalEditor/lexicalValueWithHtml.js.map

@@ -1 +1 @@
-{"version":3,"names":["createLexicalStateTransformer","transformerCache","Map","getOrCreate","editorConfigRef","current","undefined","id","editorId","has","transformer","editorConfig","nodes","theme","set","get","lexicalValueWithHtml","onChange","value","state","html","toHtml"],"sources":["lexicalValueWithHtml.ts"],"sourcesContent":["import { createLexicalStateTransformer } from \"@webiny/lexical-converter\";\nimport { RichTextEditor } from \"@webiny/lexical-editor\";\n\ntype LexicalStateTransformer = ReturnType<typeof createLexicalStateTransformer>;\n\nexport type RichTextValueWithHtml = {\n    state: string;\n    html: string;\n};\n\nexport type EditorConfigRef = React.MutableRefObject<RichTextEditor.InitialConfig | undefined>;\n\nconst transformerCache = new Map<string, LexicalStateTransformer>();\n\nconst getOrCreate = (editorConfigRef: EditorConfigRef) => {\n    if (!editorConfigRef.current) {\n        return undefined;\n    }\n\n    const id = editorConfigRef.current.editorId;\n\n    if (!transformerCache.has(id)) {\n        const transformer = createLexicalStateTransformer({\n            editorConfig: {\n                nodes: editorConfigRef.current.nodes,\n                theme: editorConfigRef.current.theme\n            }\n        });\n\n        transformerCache.set(id, transformer);\n    }\n\n    return transformerCache.get(id);\n};\n\nexport const lexicalValueWithHtml = (\n    editorConfigRef: EditorConfigRef,\n    onChange: (value: RichTextValueWithHtml) => void\n) => {\n    return (value: string) => {\n        const transformer = getOrCreate(editorConfigRef);\n\n        if (!transformer) {\n            onChange({\n                state: value,\n                html: \"\"\n            });\n            return;\n        }\n\n        onChange({\n            state: value,\n            html: transformer.toHtml(value)\n        });\n    };\n};\n"],"mappings":"AAAA,SAASA,6BAA6B,QAAQ,2BAA2B;AAYzE,MAAMC,gBAAgB,GAAG,IAAIC,GAAG,CAAkC,CAAC;AAEnE,MAAMC,WAAW,GAAIC,eAAgC,IAAK;EACtD,IAAI,CAACA,eAAe,CAACC,OAAO,EAAE;IAC1B,OAAOC,SAAS;EACpB;EAEA,MAAMC,EAAE,GAAGH,eAAe,CAACC,OAAO,CAACG,QAAQ;EAE3C,IAAI,CAACP,gBAAgB,CAACQ,GAAG,CAACF,EAAE,CAAC,EAAE;IAC3B,MAAMG,WAAW,GAAGV,6BAA6B,CAAC;MAC9CW,YAAY,EAAE;QACVC,KAAK,EAAER,eAAe,CAACC,OAAO,CAACO,KAAK;QACpCC,KAAK,EAAET,eAAe,CAACC,OAAO,CAACQ;MACnC;IACJ,CAAC,CAAC;IAEFZ,gBAAgB,CAACa,GAAG,CAACP,EAAE,EAAEG,WAAW,CAAC;EACzC;EAEA,OAAOT,gBAAgB,CAACc,GAAG,CAACR,EAAE,CAAC;AACnC,CAAC;AAED,OAAO,MAAMS,oBAAoB,GAAGA,CAChCZ,eAAgC,EAChCa,QAAgD,KAC/C;EACD,OAAQC,KAAa,IAAK;IACtB,MAAMR,WAAW,GAAGP,WAAW,CAACC,eAAe,CAAC;IAEhD,IAAI,CAACM,WAAW,EAAE;MACdO,QAAQ,CAAC;QACLE,KAAK,EAAED,KAAK;QACZE,IAAI,EAAE;MACV,CAAC,CAAC;MACF;IACJ;IAEAH,QAAQ,CAAC;MACLE,KAAK,EAAED,KAAK;MACZE,IAAI,EAAEV,WAAW,CAACW,MAAM,CAACH,KAAK;IAClC,CAAC,CAAC;EACN,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"components/LexicalEditor/lexicalValueWithHtml.js","sources":["../../../src/components/LexicalEditor/lexicalValueWithHtml.ts"],"sourcesContent":["import { createLexicalStateTransformer } from \"@webiny/lexical-converter\";\nimport { RichTextEditor } from \"@webiny/lexical-editor\";\n\ntype LexicalStateTransformer = ReturnType<typeof createLexicalStateTransformer>;\n\nexport type RichTextValueWithHtml = {\n    state: string;\n    html: string;\n};\n\nexport type EditorConfigRef = React.MutableRefObject<RichTextEditor.InitialConfig | undefined>;\n\nconst transformerCache = new Map<string, LexicalStateTransformer>();\n\nconst getOrCreate = (editorConfigRef: EditorConfigRef) => {\n    if (!editorConfigRef.current) {\n        return undefined;\n    }\n\n    const id = editorConfigRef.current.editorId;\n\n    if (!transformerCache.has(id)) {\n        const transformer = createLexicalStateTransformer({\n            editorConfig: {\n                nodes: editorConfigRef.current.nodes,\n                theme: editorConfigRef.current.theme\n            }\n        });\n\n        transformerCache.set(id, transformer);\n    }\n\n    return transformerCache.get(id);\n};\n\nexport const lexicalValueWithHtml = (\n    editorConfigRef: EditorConfigRef,\n    onChange: (value: RichTextValueWithHtml) => void\n) => {\n    return (value: string) => {\n        const transformer = getOrCreate(editorConfigRef);\n\n        if (!transformer) {\n            onChange({\n                state: value,\n                html: \"\"\n            });\n            return;\n        }\n\n        onChange({\n            state: value,\n            html: transformer.toHtml(value)\n        });\n    };\n};\n"],"names":["transformerCache","Map","getOrCreate","editorConfigRef","id","transformer","createLexicalStateTransformer","lexicalValueWithHtml","onChange","value"],"mappings":";AAYA,MAAMA,mBAAmB,IAAIC;AAE7B,MAAMC,cAAc,CAACC;IACjB,IAAI,CAACA,gBAAgB,OAAO,EACxB;IAGJ,MAAMC,KAAKD,gBAAgB,OAAO,CAAC,QAAQ;IAE3C,IAAI,CAACH,iBAAiB,GAAG,CAACI,KAAK;QAC3B,MAAMC,cAAcC,8BAA8B;YAC9C,cAAc;gBACV,OAAOH,gBAAgB,OAAO,CAAC,KAAK;gBACpC,OAAOA,gBAAgB,OAAO,CAAC,KAAK;YACxC;QACJ;QAEAH,iBAAiB,GAAG,CAACI,IAAIC;IAC7B;IAEA,OAAOL,iBAAiB,GAAG,CAACI;AAChC;AAEO,MAAMG,uBAAuB,CAChCJ,iBACAK,WAEO,CAACC;QACJ,MAAMJ,cAAcH,YAAYC;QAEhC,IAAI,CAACE,aAAa,YACdG,SAAS;YACL,OAAOC;YACP,MAAM;QACV;QAIJD,SAAS;YACL,OAAOC;YACP,MAAMJ,YAAY,MAAM,CAACI;QAC7B;IACJ"}

package/components/MultiImageUpload.js

@@ -1,16 +1,7 @@
-import * as React from "react";
 import { MultiFilePicker } from "@webiny/admin-ui";
-
-/**
- * TODO @ts-refactor
- */
-
-// This component looks unused, but let's keep it for now. Down the line, we might want to remove it.
-const MultiImageUpload = ({
-  props
-}) => {
-  return /*#__PURE__*/React.createElement(MultiFilePicker, props);
-};
-export default MultiImageUpload;
+import * as __rspack_external_react from "react";
+const MultiImageUpload = ({ props })=>/*#__PURE__*/ __rspack_external_react.createElement(MultiFilePicker, props);
+const components_MultiImageUpload = MultiImageUpload;
+export default components_MultiImageUpload;
 
 //# sourceMappingURL=MultiImageUpload.js.map

package/components/MultiImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","MultiFilePicker","MultiImageUpload","props","createElement"],"sources":["MultiImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { MultiFilePicker } from \"@webiny/admin-ui\";\n\n/**\n * TODO @ts-refactor\n */\ninterface MultiImageUploadProps {\n    imagePreviewProps: {\n        src: string;\n        [key: string]: any;\n    };\n    [key: string]: any;\n}\n\n// This component looks unused, but let's keep it for now. Down the line, we might want to remove it.\nconst MultiImageUpload = ({ props }: MultiImageUploadProps) => {\n    return <MultiFilePicker {...props} />;\n};\n\nexport default MultiImageUpload;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,QAAQ,kBAAkB;;AAElD;AACA;AACA;;AASA;AACA,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EAC3D,oBAAOH,KAAA,CAAAI,aAAA,CAACH,eAAe,EAAKE,KAAQ,CAAC;AACzC,CAAC;AAED,eAAeD,gBAAgB","ignoreList":[]}
+{"version":3,"file":"components/MultiImageUpload.js","sources":["../../src/components/MultiImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { MultiFilePicker } from \"@webiny/admin-ui\";\n\n/**\n * TODO @ts-refactor\n */\ninterface MultiImageUploadProps {\n    imagePreviewProps: {\n        src: string;\n        [key: string]: any;\n    };\n    [key: string]: any;\n}\n\n// This component looks unused, but let's keep it for now. Down the line, we might want to remove it.\nconst MultiImageUpload = ({ props }: MultiImageUploadProps) => {\n    return <MultiFilePicker {...props} />;\n};\n\nexport default MultiImageUpload;\n"],"names":["MultiImageUpload","props","MultiFilePicker"],"mappings":";;AAeA,MAAMA,mBAAmB,CAAC,EAAEC,KAAK,EAAyB,GAC/C,WAAP,GAAO,sCAACC,iBAAoBD;AAGhC,oCAAeD"}

package/components/NotAuthorizedError/NotAuthorizedError.js

@@ -1,20 +1,19 @@
-import * as React from "react";
 import { Link, Text } from "@webiny/admin-ui";
-import authErrorImg from "./SecureRouteError.svg";
-export const NotAuthorizedError = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex-1"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "h-full flex flex-col items-center justify-center text-center gap-xs"
-  }, /*#__PURE__*/React.createElement("img", {
-    width: 200,
-    height: 200,
-    src: authErrorImg,
-    alt: "Not Authorized",
-    className: "mb-xl"
-  }), /*#__PURE__*/React.createElement(Text, null, "You are not authorized to view this route."), /*#__PURE__*/React.createElement(Text, null, "Please contact your administrator to request access."), /*#__PURE__*/React.createElement(Link, {
-    to: "/"
-  }, "Take me back.")));
-};
+import SecureRouteError from "./SecureRouteError.js";
+import * as __rspack_external_react from "react";
+const NotAuthorizedError = ()=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex-1"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "h-full flex flex-col items-center justify-center text-center gap-xs"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("img", {
+        width: 200,
+        height: 200,
+        src: SecureRouteError,
+        alt: "Not Authorized",
+        className: "mb-xl"
+    }), /*#__PURE__*/ __rspack_external_react.createElement(Text, null, "You are not authorized to view this route."), /*#__PURE__*/ __rspack_external_react.createElement(Text, null, "Please contact your administrator to request access."), /*#__PURE__*/ __rspack_external_react.createElement(Link, {
+        to: "/"
+    }, "Take me back.")));
+export { NotAuthorizedError };
 
 //# sourceMappingURL=NotAuthorizedError.js.map

package/components/NotAuthorizedError/NotAuthorizedError.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Link","Text","authErrorImg","NotAuthorizedError","createElement","className","width","height","src","alt","to"],"sources":["NotAuthorizedError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Link, Text } from \"@webiny/admin-ui\";\nimport authErrorImg from \"./SecureRouteError.svg\";\n\nexport const NotAuthorizedError = () => {\n    return (\n        <div className={\"flex-1\"}>\n            <div className={\"h-full flex flex-col items-center justify-center text-center gap-xs\"}>\n                <img\n                    width={200}\n                    height={200}\n                    src={authErrorImg}\n                    alt=\"Not Authorized\"\n                    className={\"mb-xl\"}\n                />\n                <Text>You are not authorized to view this route.</Text>\n                <Text>Please contact your administrator to request access.</Text>\n                <Link to=\"/\">Take me back.</Link>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,OAAOC,YAAY;AAEnB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAsE,gBAClFN,KAAA,CAAAK,aAAA;IACIE,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE,GAAI;IACZC,GAAG,EAAEN,YAAa;IAClBO,GAAG,EAAC,gBAAgB;IACpBJ,SAAS,EAAE;EAAQ,CACtB,CAAC,eACFN,KAAA,CAAAK,aAAA,CAACH,IAAI,QAAC,4CAAgD,CAAC,eACvDF,KAAA,CAAAK,aAAA,CAACH,IAAI,QAAC,sDAA0D,CAAC,eACjEF,KAAA,CAAAK,aAAA,CAACJ,IAAI;IAACU,EAAE,EAAC;EAAG,GAAC,eAAmB,CAC/B,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"components/NotAuthorizedError/NotAuthorizedError.js","sources":["../../../src/components/NotAuthorizedError/NotAuthorizedError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Link, Text } from \"@webiny/admin-ui\";\nimport authErrorImg from \"./SecureRouteError.svg\";\n\nexport const NotAuthorizedError = () => {\n    return (\n        <div className={\"flex-1\"}>\n            <div className={\"h-full flex flex-col items-center justify-center text-center gap-xs\"}>\n                <img\n                    width={200}\n                    height={200}\n                    src={authErrorImg}\n                    alt=\"Not Authorized\"\n                    className={\"mb-xl\"}\n                />\n                <Text>You are not authorized to view this route.</Text>\n                <Text>Please contact your administrator to request access.</Text>\n                <Link to=\"/\">Take me back.</Link>\n            </div>\n        </div>\n    );\n};\n"],"names":["NotAuthorizedError","authErrorImg","Text","Link"],"mappings":";;;AAIO,MAAMA,qBAAqB,IACvB,WAAP,GACI,sCAAC;QAAI,WAAW;qBACZ,sCAAC;QAAI,WAAW;qBACZ,sCAAC;QACG,OAAO;QACP,QAAQ;QACR,KAAKC;QACL,KAAI;QACJ,WAAW;sBAEf,sCAACC,MAAIA,MAAC,6DACN,sCAACA,MAAIA,MAAC,uEACN,sCAACC,MAAIA;QAAC,IAAG;OAAI"}