@webiny/lexical-editor 0.0.0-unstable.06b2ede40f

package/plugins/ListPLugin/ListPlugin.js

@@ -0,0 +1,17 @@
+import { useEffect } from "react";
+import { ListNode, ListItemNode } from "@webiny/lexical-nodes";
+import { useList, useRichTextEditor } from "../../hooks";
+export function ListPlugin() {
+  const {
+    editor
+  } = useRichTextEditor();
+  useEffect(() => {
+    if (!editor.hasNodes([ListNode, ListItemNode])) {
+      throw new Error("ListPlugin: ListNode and/or ListItemNode not registered in the editor!");
+    }
+  }, [editor]);
+  useList(editor);
+  return null;
+}
+
+//# sourceMappingURL=ListPlugin.js.map

package/plugins/ListPLugin/ListPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","ListNode","ListItemNode","useList","useRichTextEditor","ListPlugin","editor","hasNodes","Error"],"sources":["ListPlugin.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { ListNode, ListItemNode } from \"@webiny/lexical-nodes\";\nimport { useList, useRichTextEditor } from \"~/hooks\";\n\nexport function ListPlugin(): null {\n    const { editor } = useRichTextEditor();\n\n    useEffect(() => {\n        if (!editor.hasNodes([ListNode, ListItemNode])) {\n            throw new Error(\n                \"ListPlugin: ListNode and/or ListItemNode not registered in the editor!\"\n            );\n        }\n    }, [editor]);\n\n    useList(editor);\n\n    return null;\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,EAAEC,YAAY,QAAQ,uBAAuB;AAC9D,SAASC,OAAO,EAAEC,iBAAiB;AAEnC,OAAO,SAASC,UAAUA,CAAA,EAAS;EAC/B,MAAM;IAAEC;EAAO,CAAC,GAAGF,iBAAiB,CAAC,CAAC;EAEtCJ,SAAS,CAAC,MAAM;IACZ,IAAI,CAACM,MAAM,CAACC,QAAQ,CAAC,CAACN,QAAQ,EAAEC,YAAY,CAAC,CAAC,EAAE;MAC5C,MAAM,IAAIM,KAAK,CACX,wEACJ,CAAC;IACL;EACJ,CAAC,EAAE,CAACF,MAAM,CAAC,CAAC;EAEZH,OAAO,CAACG,MAAM,CAAC;EAEf,OAAO,IAAI;AACf","ignoreList":[]}

package/plugins/QuoteNodePlugin/QuoteNodePlugin.d.ts

@@ -0,0 +1 @@
+export declare function QuotePlugin(): null;

package/plugins/QuoteNodePlugin/QuoteNodePlugin.js

@@ -0,0 +1,18 @@
+import { useEffect } from "react";
+import { QuoteNode } from "@webiny/lexical-nodes";
+import { useQuote } from "../../hooks/useQuote";
+import { useRichTextEditor } from "../../hooks";
+export function QuotePlugin() {
+  const {
+    editor
+  } = useRichTextEditor();
+  useQuote(editor);
+  useEffect(() => {
+    if (!editor.hasNodes([QuoteNode])) {
+      throw new Error("QuoteNodePlugin: QuoteNode is not registered in the editor!");
+    }
+  }, [editor]);
+  return null;
+}
+
+//# sourceMappingURL=QuoteNodePlugin.js.map

package/plugins/QuoteNodePlugin/QuoteNodePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","QuoteNode","useQuote","useRichTextEditor","QuotePlugin","editor","hasNodes","Error"],"sources":["QuoteNodePlugin.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { QuoteNode } from \"@webiny/lexical-nodes\";\nimport { useQuote } from \"~/hooks/useQuote\";\nimport { useRichTextEditor } from \"~/hooks\";\n\nexport function QuotePlugin() {\n    const { editor } = useRichTextEditor();\n    useQuote(editor);\n\n    useEffect(() => {\n        if (!editor.hasNodes([QuoteNode])) {\n            throw new Error(\"QuoteNodePlugin: QuoteNode is not registered in the editor!\");\n        }\n    }, [editor]);\n\n    return null;\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,SAAS,QAAQ,uBAAuB;AACjD,SAASC,QAAQ;AACjB,SAASC,iBAAiB;AAE1B,OAAO,SAASC,WAAWA,CAAA,EAAG;EAC1B,MAAM;IAAEC;EAAO,CAAC,GAAGF,iBAAiB,CAAC,CAAC;EACtCD,QAAQ,CAACG,MAAM,CAAC;EAEhBL,SAAS,CAAC,MAAM;IACZ,IAAI,CAACK,MAAM,CAACC,QAAQ,CAAC,CAACL,SAAS,CAAC,CAAC,EAAE;MAC/B,MAAM,IAAIM,KAAK,CAAC,6DAA6D,CAAC;IAClF;EACJ,CAAC,EAAE,CAACF,MAAM,CAAC,CAAC;EAEZ,OAAO,IAAI;AACf","ignoreList":[]}

package/plugins/StateHandlingPlugin.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { LexicalValue } from "../types";
+interface OnChangeProps {
+    value: string | null | undefined;
+    onChange?: (value: LexicalValue) => void;
+}
+export declare const StateHandlingPlugin: (props: OnChangeProps) => React.JSX.Element;
+export {};

package/plugins/StateHandlingPlugin.js

@@ -0,0 +1,75 @@
+import React, { useEffect, useRef, useMemo } from "react";
+import debounce from "lodash/debounce";
+import { OnChangePlugin as BaseOnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
+import { $isRootTextContentEmpty } from "@lexical/text";
+import { generateInitialLexicalValue, prepareLexicalState } from "@webiny/lexical-nodes";
+import { normalizeInputValue } from "../components/Editor/normalizeInputValue";
+import { useRichTextEditor } from "../hooks";
+import { parseLexicalState } from "../utils/isValidLexicalData";
+export const StateHandlingPlugin = props => {
+  const {
+    editor
+  } = useRichTextEditor();
+  const lastEmittedRef = useRef("");
+  const lastOnChangeTimestampRef = useRef(0);
+  const value = normalizeInputValue(props.value);
+  const editorInputValue = prepareLexicalState(value);
+  const handleOnChange = useMemo(() => {
+    return debounce((editorState, editor) => {
+      editorState.read(() => {
+        if (typeof props.onChange === "function") {
+          const editorState = editor.getEditorState();
+          const isEditorEmpty = $isRootTextContentEmpty(editor.isComposing(), true);
+          const newValue = JSON.stringify(editorState.toJSON());
+          if (!value && isEditorEmpty) {
+            return;
+          }
+          if (newValue !== lastEmittedRef.current) {
+            lastEmittedRef.current = newValue;
+            lastOnChangeTimestampRef.current = Date.now();
+            props.onChange(newValue);
+          }
+        }
+      });
+    }, 300);
+  }, [props.onChange, editor]);
+  useEffect(() => {
+    if (!value || !editor || value === lastEmittedRef.current) {
+      return;
+    }
+    const now = Date.now();
+    if (now - lastOnChangeTimestampRef.current < 500) {
+      return;
+    }
+    const parsedState = parseLexicalState(editorInputValue);
+    let newState;
+    const currentSerialized = JSON.stringify(editor.getEditorState().toJSON());
+    if (currentSerialized === editorInputValue) {
+      return;
+    }
+    try {
+      newState = editor.parseEditorState(parsedState || generateInitialLexicalValue());
+    } catch (err) {
+      // Ignore errors
+    }
+
+    // We must set the state outside the `editor.update()` callback to prevent freezing.
+    // https://lexical.dev/docs/api/classes/lexical.LexicalEditor#seteditorstate
+    if (newState) {
+      const state = newState;
+      queueMicrotask(() => {
+        try {
+          editor.setEditorState(state);
+        } catch (e) {
+          console.error(e);
+        }
+      });
+    }
+  }, [value, editor, editorInputValue]);
+  return /*#__PURE__*/React.createElement(BaseOnChangePlugin, {
+    onChange: handleOnChange,
+    ignoreSelectionChange: true
+  });
+};
+
+//# sourceMappingURL=StateHandlingPlugin.js.map

package/plugins/StateHandlingPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useMemo","debounce","OnChangePlugin","BaseOnChangePlugin","$isRootTextContentEmpty","generateInitialLexicalValue","prepareLexicalState","normalizeInputValue","useRichTextEditor","parseLexicalState","StateHandlingPlugin","props","editor","lastEmittedRef","lastOnChangeTimestampRef","value","editorInputValue","handleOnChange","editorState","read","onChange","getEditorState","isEditorEmpty","isComposing","newValue","JSON","stringify","toJSON","current","Date","now","parsedState","newState","currentSerialized","parseEditorState","err","state","queueMicrotask","setEditorState","e","console","error","createElement","ignoreSelectionChange"],"sources":["StateHandlingPlugin.tsx"],"sourcesContent":["import React, { useEffect, useRef, useMemo } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { OnChangePlugin as BaseOnChangePlugin } from \"@lexical/react/LexicalOnChangePlugin\";\nimport type { EditorState, LexicalEditor } from \"lexical\";\nimport { $isRootTextContentEmpty } from \"@lexical/text\";\nimport { generateInitialLexicalValue, prepareLexicalState } from \"@webiny/lexical-nodes\";\nimport { normalizeInputValue } from \"~/components/Editor/normalizeInputValue\";\nimport type { LexicalValue } from \"~/types\";\nimport { useRichTextEditor } from \"~/hooks\";\nimport { parseLexicalState } from \"~/utils/isValidLexicalData\";\n\ninterface OnChangeProps {\n    value: string | null | undefined;\n    onChange?: (value: LexicalValue) => void;\n}\n\nexport const StateHandlingPlugin = (props: OnChangeProps) => {\n    const { editor } = useRichTextEditor();\n    const lastEmittedRef = useRef(\"\");\n    const lastOnChangeTimestampRef = useRef(0);\n\n    const value = normalizeInputValue(props.value);\n    const editorInputValue = prepareLexicalState(value);\n\n    const handleOnChange = useMemo(() => {\n        return debounce((editorState: EditorState, editor: LexicalEditor) => {\n            editorState.read(() => {\n                if (typeof props.onChange === \"function\") {\n                    const editorState = editor.getEditorState();\n                    const isEditorEmpty = $isRootTextContentEmpty(editor.isComposing(), true);\n                    const newValue = JSON.stringify(editorState.toJSON());\n\n                    if (!value && isEditorEmpty) {\n                        return;\n                    }\n\n                    if (newValue !== lastEmittedRef.current) {\n                        lastEmittedRef.current = newValue;\n                        lastOnChangeTimestampRef.current = Date.now();\n                        props.onChange(newValue);\n                    }\n                }\n            });\n        }, 300);\n    }, [props.onChange, editor]);\n\n    useEffect(() => {\n        if (!value || !editor || value === lastEmittedRef.current) {\n            return;\n        }\n\n        const now = Date.now();\n        if (now - lastOnChangeTimestampRef.current < 500) {\n            return;\n        }\n\n        const parsedState = parseLexicalState(editorInputValue);\n\n        let newState: EditorState | undefined;\n\n        const currentSerialized = JSON.stringify(editor.getEditorState().toJSON());\n\n        if (currentSerialized === editorInputValue) {\n            return;\n        }\n\n        try {\n            newState = editor.parseEditorState(parsedState || generateInitialLexicalValue());\n        } catch (err) {\n            // Ignore errors\n        }\n\n        // We must set the state outside the `editor.update()` callback to prevent freezing.\n        // https://lexical.dev/docs/api/classes/lexical.LexicalEditor#seteditorstate\n        if (newState) {\n            const state = newState;\n            queueMicrotask(() => {\n                try {\n                    editor.setEditorState(state);\n                } catch (e) {\n                    console.error(e);\n                }\n            });\n        }\n    }, [value, editor, editorInputValue]);\n\n    return <BaseOnChangePlugin onChange={handleOnChange} ignoreSelectionChange={true} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,OAAO,QAAQ,OAAO;AACzD,OAAOC,QAAQ,MAAM,iBAAiB;AACtC,SAASC,cAAc,IAAIC,kBAAkB,QAAQ,sCAAsC;AAE3F,SAASC,uBAAuB,QAAQ,eAAe;AACvD,SAASC,2BAA2B,EAAEC,mBAAmB,QAAQ,uBAAuB;AACxF,SAASC,mBAAmB;AAE5B,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAO1B,OAAO,MAAMC,mBAAmB,GAAIC,KAAoB,IAAK;EACzD,MAAM;IAAEC;EAAO,CAAC,GAAGJ,iBAAiB,CAAC,CAAC;EACtC,MAAMK,cAAc,GAAGd,MAAM,CAAC,EAAE,CAAC;EACjC,MAAMe,wBAAwB,GAAGf,MAAM,CAAC,CAAC,CAAC;EAE1C,MAAMgB,KAAK,GAAGR,mBAAmB,CAACI,KAAK,CAACI,KAAK,CAAC;EAC9C,MAAMC,gBAAgB,GAAGV,mBAAmB,CAACS,KAAK,CAAC;EAEnD,MAAME,cAAc,GAAGjB,OAAO,CAAC,MAAM;IACjC,OAAOC,QAAQ,CAAC,CAACiB,WAAwB,EAAEN,MAAqB,KAAK;MACjEM,WAAW,CAACC,IAAI,CAAC,MAAM;QACnB,IAAI,OAAOR,KAAK,CAACS,QAAQ,KAAK,UAAU,EAAE;UACtC,MAAMF,WAAW,GAAGN,MAAM,CAACS,cAAc,CAAC,CAAC;UAC3C,MAAMC,aAAa,GAAGlB,uBAAuB,CAACQ,MAAM,CAACW,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC;UACzE,MAAMC,QAAQ,GAAGC,IAAI,CAACC,SAAS,CAACR,WAAW,CAACS,MAAM,CAAC,CAAC,CAAC;UAErD,IAAI,CAACZ,KAAK,IAAIO,aAAa,EAAE;YACzB;UACJ;UAEA,IAAIE,QAAQ,KAAKX,cAAc,CAACe,OAAO,EAAE;YACrCf,cAAc,CAACe,OAAO,GAAGJ,QAAQ;YACjCV,wBAAwB,CAACc,OAAO,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC;YAC7CnB,KAAK,CAACS,QAAQ,CAACI,QAAQ,CAAC;UAC5B;QACJ;MACJ,CAAC,CAAC;IACN,CAAC,EAAE,GAAG,CAAC;EACX,CAAC,EAAE,CAACb,KAAK,CAACS,QAAQ,EAAER,MAAM,CAAC,CAAC;EAE5Bd,SAAS,CAAC,MAAM;IACZ,IAAI,CAACiB,KAAK,IAAI,CAACH,MAAM,IAAIG,KAAK,KAAKF,cAAc,CAACe,OAAO,EAAE;MACvD;IACJ;IAEA,MAAME,GAAG,GAAGD,IAAI,CAACC,GAAG,CAAC,CAAC;IACtB,IAAIA,GAAG,GAAGhB,wBAAwB,CAACc,OAAO,GAAG,GAAG,EAAE;MAC9C;IACJ;IAEA,MAAMG,WAAW,GAAGtB,iBAAiB,CAACO,gBAAgB,CAAC;IAEvD,IAAIgB,QAAiC;IAErC,MAAMC,iBAAiB,GAAGR,IAAI,CAACC,SAAS,CAACd,MAAM,CAACS,cAAc,CAAC,CAAC,CAACM,MAAM,CAAC,CAAC,CAAC;IAE1E,IAAIM,iBAAiB,KAAKjB,gBAAgB,EAAE;MACxC;IACJ;IAEA,IAAI;MACAgB,QAAQ,GAAGpB,MAAM,CAACsB,gBAAgB,CAACH,WAAW,IAAI1B,2BAA2B,CAAC,CAAC,CAAC;IACpF,CAAC,CAAC,OAAO8B,GAAG,EAAE;MACV;IAAA;;IAGJ;IACA;IACA,IAAIH,QAAQ,EAAE;MACV,MAAMI,KAAK,GAAGJ,QAAQ;MACtBK,cAAc,CAAC,MAAM;QACjB,IAAI;UACAzB,MAAM,CAAC0B,cAAc,CAACF,KAAK,CAAC;QAChC,CAAC,CAAC,OAAOG,CAAC,EAAE;UACRC,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC;QACpB;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACxB,KAAK,EAAEH,MAAM,EAAEI,gBAAgB,CAAC,CAAC;EAErC,oBAAOnB,KAAA,CAAA6C,aAAA,CAACvC,kBAAkB;IAACiB,QAAQ,EAAEH,cAAe;IAAC0B,qBAAqB,EAAE;EAAK,CAAE,CAAC;AACxF,CAAC","ignoreList":[]}

package/plugins/TypographyPlugin/TypographyPlugin.d.ts

@@ -0,0 +1 @@
+export declare const TypographyPlugin: () => null;

package/plugins/TypographyPlugin/TypographyPlugin.js

@@ -0,0 +1,27 @@
+import { useEffect } from "react";
+import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR } from "lexical";
+import { formatToParagraph, formatToHeading } from "@webiny/lexical-nodes";
+import { useRichTextEditor } from "../../hooks";
+import { ADD_TYPOGRAPHY_COMMAND } from "../../commands";
+export const TypographyPlugin = () => {
+  const {
+    editor
+  } = useRichTextEditor();
+  useEffect(() => {
+    return editor.registerCommand(ADD_TYPOGRAPHY_COMMAND, payload => {
+      const selection = $getSelection();
+      // paragraph
+      if ($isRangeSelection(selection) && payload.value.id && payload.value.tag === "p") {
+        formatToParagraph(editor, payload.value.id);
+      }
+      // heading
+      if ($isRangeSelection(selection) && payload.value.id && payload.value.tag.includes("h")) {
+        formatToHeading(editor, payload.value.tag, payload.value.id);
+      }
+      return true;
+    }, COMMAND_PRIORITY_EDITOR);
+  }, [editor]);
+  return null;
+};
+
+//# sourceMappingURL=TypographyPlugin.js.map

package/plugins/TypographyPlugin/TypographyPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","$getSelection","$isRangeSelection","COMMAND_PRIORITY_EDITOR","formatToParagraph","formatToHeading","useRichTextEditor","ADD_TYPOGRAPHY_COMMAND","TypographyPlugin","editor","registerCommand","payload","selection","value","id","tag","includes"],"sources":["TypographyPlugin.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR } from \"lexical\";\nimport { formatToParagraph, formatToHeading } from \"@webiny/lexical-nodes\";\nimport type { HeadingTagType } from \"@lexical/rich-text\";\nimport { useRichTextEditor } from \"~/hooks\";\nimport type { TypographyPayload } from \"~/commands\";\nimport { ADD_TYPOGRAPHY_COMMAND } from \"~/commands\";\n\nexport const TypographyPlugin = () => {\n    const { editor } = useRichTextEditor();\n\n    useEffect(() => {\n        return editor.registerCommand<TypographyPayload>(\n            ADD_TYPOGRAPHY_COMMAND,\n            payload => {\n                const selection = $getSelection();\n                // paragraph\n                if ($isRangeSelection(selection) && payload.value.id && payload.value.tag === \"p\") {\n                    formatToParagraph(editor, payload.value.id);\n                }\n                // heading\n                if (\n                    $isRangeSelection(selection) &&\n                    payload.value.id &&\n                    payload.value.tag.includes(\"h\")\n                ) {\n                    formatToHeading(editor, payload.value.tag as HeadingTagType, payload.value.id);\n                }\n                return true;\n            },\n            COMMAND_PRIORITY_EDITOR\n        );\n    }, [editor]);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,aAAa,EAAEC,iBAAiB,EAAEC,uBAAuB,QAAQ,SAAS;AACnF,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,uBAAuB;AAE1E,SAASC,iBAAiB;AAE1B,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAM;IAAEC;EAAO,CAAC,GAAGH,iBAAiB,CAAC,CAAC;EAEtCN,SAAS,CAAC,MAAM;IACZ,OAAOS,MAAM,CAACC,eAAe,CACzBH,sBAAsB,EACtBI,OAAO,IAAI;MACP,MAAMC,SAAS,GAAGX,aAAa,CAAC,CAAC;MACjC;MACA,IAAIC,iBAAiB,CAACU,SAAS,CAAC,IAAID,OAAO,CAACE,KAAK,CAACC,EAAE,IAAIH,OAAO,CAACE,KAAK,CAACE,GAAG,KAAK,GAAG,EAAE;QAC/EX,iBAAiB,CAACK,MAAM,EAAEE,OAAO,CAACE,KAAK,CAACC,EAAE,CAAC;MAC/C;MACA;MACA,IACIZ,iBAAiB,CAACU,SAAS,CAAC,IAC5BD,OAAO,CAACE,KAAK,CAACC,EAAE,IAChBH,OAAO,CAACE,KAAK,CAACE,GAAG,CAACC,QAAQ,CAAC,GAAG,CAAC,EACjC;QACEX,eAAe,CAACI,MAAM,EAAEE,OAAO,CAACE,KAAK,CAACE,GAAG,EAAoBJ,OAAO,CAACE,KAAK,CAACC,EAAE,CAAC;MAClF;MACA,OAAO,IAAI;IACf,CAAC,EACDX,uBACJ,CAAC;EACL,CAAC,EAAE,CAACM,MAAM,CAAC,CAAC;EAEZ,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/types.d.ts

@@ -0,0 +1,12 @@
+export type LexicalValue = string;
+export type NormalizedInputValue = LexicalValue | null;
+export { FontColorPicker } from "./components/ToolbarActions/FontColorAction";
+export type ImageActionType = "image-action";
+export type ToolbarActionType = ImageActionType | string;
+export interface ToolbarActionPlugin {
+    targetAction: ToolbarActionType;
+    plugin: Record<string, any> | ((cb: (value: any) => void) => any) | undefined;
+}
+export { type ImagePayload } from "./commands";
+export { type RichTextEditorProps } from "./components/Editor/RichTextEditor";
+export type { Klass, LexicalNode } from "lexical";

package/types.js

@@ -0,0 +1,9 @@
+export { FontColorPicker } from "./components/ToolbarActions/FontColorAction";
+
+/* Commands payload types */
+
+/* Lexical editor interfaces */
+
+// lexical types
+
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FontColorPicker"],"sources":["types.ts"],"sourcesContent":["export type LexicalValue = string;\n\nexport type NormalizedInputValue = LexicalValue | null;\n\nexport { FontColorPicker } from \"~/components/ToolbarActions/FontColorAction\";\n\nexport type ImageActionType = \"image-action\";\nexport type ToolbarActionType = ImageActionType | string;\nexport interface ToolbarActionPlugin {\n    targetAction: ToolbarActionType;\n    plugin: Record<string, any> | ((cb: (value: any) => void) => any) | undefined;\n}\n\n/* Commands payload types */\nexport { type ImagePayload } from \"~/commands\";\n\n/* Lexical editor interfaces */\nexport { type RichTextEditorProps } from \"~/components/Editor/RichTextEditor\";\n\n// lexical types\nexport type { Klass, LexicalNode } from \"lexical\";\n"],"mappings":"AAIA,SAASA,eAAe;;AASxB;;AAGA;;AAGA","ignoreList":[]}

package/ui/ContentEditable.css

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+.ContentEditable__root {
+    border: 0;
+    font-size: 15px;
+    display: block;
+    position: relative;
+    outline: 0;
+    padding: 8px 28px 40px;
+}
+@media (max-width: 1025px) {
+    .ContentEditable__root {
+        padding-left: 8px;
+        padding-right: 8px;
+    }
+}

package/ui/ContentEditable.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import "./ContentEditable.css";
+export declare function LexicalContentEditable({ className }: {
+    className?: string;
+}): JSX.Element;

package/ui/ContentEditable.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import "./ContentEditable.css";
+import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import * as React from "react";
+export function LexicalContentEditable({
+  className
+}) {
+  return /*#__PURE__*/React.createElement(ContentEditable, {
+    className: className || "ContentEditable__root"
+  });
+}
+
+//# sourceMappingURL=ContentEditable.js.map

package/ui/ContentEditable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ContentEditable","React","LexicalContentEditable","className","createElement"],"sources":["ContentEditable.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport \"./ContentEditable.css\";\n\nimport { ContentEditable } from \"@lexical/react/LexicalContentEditable\";\nimport * as React from \"react\";\n\nexport function LexicalContentEditable({ className }: { className?: string }): JSX.Element {\n    return <ContentEditable className={className || \"ContentEditable__root\"} />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,eAAe,QAAQ,uCAAuC;AACvE,OAAO,KAAKC,KAAK,MAAM,OAAO;AAE9B,OAAO,SAASC,sBAAsBA,CAAC;EAAEC;AAAkC,CAAC,EAAe;EACvF,oBAAOF,KAAA,CAAAG,aAAA,CAACJ,eAAe;IAACG,SAAS,EAAEA,SAAS,IAAI;EAAwB,CAAE,CAAC;AAC/E","ignoreList":[]}

package/ui/Divider.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Divider(): JSX.Element;

package/ui/Divider.js

@@ -0,0 +1,8 @@
+import React from "react";
+export function Divider() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "divider"
+  });
+}
+
+//# sourceMappingURL=Divider.js.map

package/ui/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Divider","createElement","className"],"sources":["Divider.tsx"],"sourcesContent":["import React from \"react\";\n\nexport function Divider(): JSX.Element {\n    return <div className=\"divider\"></div>;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,SAASC,OAAOA,CAAA,EAAgB;EACnC,oBAAOD,KAAA,CAAAE,aAAA;IAAKC,SAAS,EAAC;EAAS,CAAM,CAAC;AAC1C","ignoreList":[]}

package/ui/DropDown.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type { ReactNode } from "react";
+import * as React from "react";
+export declare function DropDownItem({ children, className, onClick, title }: {
+    children: React.ReactNode;
+    className: string;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    title?: string;
+}): React.JSX.Element;
+export declare function DropDown({ disabled, buttonLabel, buttonAriaLabel, buttonClassName, buttonIconClassName, children, stopCloseOnClickSelf, showScroll }: {
+    disabled?: boolean;
+    buttonAriaLabel?: string;
+    buttonClassName: string;
+    buttonIconClassName?: string;
+    buttonLabel?: string;
+    children: ReactNode;
+    stopCloseOnClickSelf?: boolean;
+    showScroll?: boolean;
+}): JSX.Element;

package/ui/DropDown.js

@@ -0,0 +1,182 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import * as React from "react";
+const DropDownContext = /*#__PURE__*/React.createContext(null);
+export function DropDownItem({
+  children,
+  className,
+  onClick,
+  title
+}) {
+  const ref = useRef(null);
+  const dropDownContext = React.useContext(DropDownContext);
+  if (dropDownContext === null) {
+    throw new Error("DropDownItem must be used within a DropDown");
+  }
+  const {
+    registerItem
+  } = dropDownContext;
+  useEffect(() => {
+    if (ref && ref.current) {
+      registerItem(ref);
+    }
+  }, [ref, registerItem]);
+  return /*#__PURE__*/React.createElement("button", {
+    className: className,
+    onClick: onClick,
+    ref: ref,
+    title: title,
+    type: "button"
+  }, children);
+}
+function DropDownItems({
+  children,
+  dropDownRef,
+  showScroll = true,
+  onClose
+}) {
+  const [items, setItems] = useState();
+  const [highlightedItem, setHighlightedItem] = useState();
+  const registerItem = useCallback(itemRef => {
+    setItems(prev => prev ? [...prev, itemRef] : [itemRef]);
+  }, [setItems]);
+  const handleKeyDown = event => {
+    if (!items) {
+      return;
+    }
+    const key = event.key;
+    if (["Escape", "ArrowUp", "ArrowDown", "Tab"].includes(key)) {
+      event.preventDefault();
+    }
+    if (key === "Escape" || key === "Tab") {
+      onClose();
+    } else if (key === "ArrowUp") {
+      setHighlightedItem(prev => {
+        if (!prev) {
+          return items[0];
+        }
+        const index = items.indexOf(prev) - 1;
+        return items[index === -1 ? items.length - 1 : index];
+      });
+    } else if (key === "ArrowDown") {
+      setHighlightedItem(prev => {
+        if (!prev) {
+          return items[0];
+        }
+        return items[items.indexOf(prev) + 1];
+      });
+    }
+  };
+  const contextValue = useMemo(() => ({
+    registerItem
+  }), [registerItem]);
+  useEffect(() => {
+    if (items && !highlightedItem) {
+      setHighlightedItem(items[0]);
+    }
+    if (highlightedItem && highlightedItem.current) {
+      highlightedItem.current.focus();
+    }
+  }, [items, highlightedItem]);
+  return /*#__PURE__*/React.createElement(DropDownContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `lexical-dropdown ${showScroll ? "" : "no-scroll"}`,
+    ref: dropDownRef,
+    onKeyDown: handleKeyDown
+  }, children));
+}
+export function DropDown({
+  disabled = false,
+  buttonLabel,
+  buttonAriaLabel,
+  buttonClassName,
+  buttonIconClassName,
+  children,
+  stopCloseOnClickSelf,
+  showScroll = true
+}) {
+  const dropDownRef = useRef(null);
+  const buttonRef = useRef(null);
+  // Used to prevent flickering of the dropdown while calculating the dropdown position.
+  const [positionIsCalculated, setPositionIsCalculated] = useState(false);
+  const [showDropDown, setShowDropDown] = useState(false);
+  const handleClose = () => {
+    setPositionIsCalculated(false);
+    setShowDropDown(false);
+    if (buttonRef && buttonRef.current) {
+      buttonRef.current.focus();
+    }
+  };
+  useEffect(() => {
+    const button = buttonRef.current;
+    const dropDown = dropDownRef.current;
+    if (showDropDown && button && dropDown) {
+      dropDown.style.top = "44px";
+      dropDown.style.left = `${button.offsetLeft}px`;
+      setPositionIsCalculated(true);
+    }
+  }, [dropDownRef, buttonRef, showDropDown]);
+  useEffect(() => {
+    const button = buttonRef.current;
+    if (button && showDropDown) {
+      const handle = event => {
+        const target = event.target;
+        if (stopCloseOnClickSelf) {
+          if (dropDownRef.current && dropDownRef.current.contains(target)) {
+            return;
+          }
+        }
+        if (!button.contains(target)) {
+          setShowDropDown(false);
+        }
+      };
+      document.addEventListener("click", handle);
+      return () => {
+        document.removeEventListener("click", handle);
+      };
+    }
+    return;
+  }, [dropDownRef, buttonRef, showDropDown, stopCloseOnClickSelf]);
+  const displayContainer = useMemo(() => {
+    // To prevent blinking, we show the container only when the dropdown position is calculated.
+    // Without this, window would be visible first on left (0px), and after a millisecond on the right side.
+    return positionIsCalculated ? {
+      display: "block"
+    } : {
+      display: "none"
+    };
+  }, [positionIsCalculated]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+    style: {
+      position: "relative"
+    },
+    disabled: disabled,
+    "aria-label": buttonAriaLabel || buttonLabel,
+    className: buttonClassName,
+    onClick: () => setShowDropDown(!showDropDown),
+    ref: buttonRef
+  }, buttonIconClassName && /*#__PURE__*/React.createElement("span", {
+    className: buttonIconClassName
+  }), buttonLabel && /*#__PURE__*/React.createElement("span", {
+    className: "text dropdown-button-text"
+  }, buttonLabel), /*#__PURE__*/React.createElement("i", {
+    className: "chevron-down"
+  })), showDropDown && /*#__PURE__*/React.createElement("div", {
+    className: "lexical-dropdown-container",
+    style: displayContainer
+  }, /*#__PURE__*/React.createElement(DropDownItems, {
+    showScroll: showScroll,
+    dropDownRef: dropDownRef,
+    onClose: handleClose
+  }, children)));
+}
+
+//# sourceMappingURL=DropDown.js.map

package/ui/DropDown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","React","DropDownContext","createContext","DropDownItem","children","className","onClick","title","ref","dropDownContext","useContext","Error","registerItem","current","createElement","type","DropDownItems","dropDownRef","showScroll","onClose","items","setItems","highlightedItem","setHighlightedItem","itemRef","prev","handleKeyDown","event","key","includes","preventDefault","index","indexOf","length","contextValue","focus","Provider","value","onKeyDown","DropDown","disabled","buttonLabel","buttonAriaLabel","buttonClassName","buttonIconClassName","stopCloseOnClickSelf","buttonRef","positionIsCalculated","setPositionIsCalculated","showDropDown","setShowDropDown","handleClose","button","dropDown","style","top","left","offsetLeft","handle","target","contains","document","addEventListener","removeEventListener","displayContainer","display","Fragment","position"],"sources":["DropDown.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { ReactNode } from \"react\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport * as React from \"react\";\n\ntype DropDownContextType = {\n    registerItem: (ref: React.RefObject<HTMLButtonElement>) => void;\n};\n\nconst DropDownContext = React.createContext<DropDownContextType | null>(null);\n\nexport function DropDownItem({\n    children,\n    className,\n    onClick,\n    title\n}: {\n    children: React.ReactNode;\n    className: string;\n    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n    title?: string;\n}) {\n    const ref = useRef<HTMLButtonElement>(null);\n\n    const dropDownContext = React.useContext(DropDownContext);\n\n    if (dropDownContext === null) {\n        throw new Error(\"DropDownItem must be used within a DropDown\");\n    }\n\n    const { registerItem } = dropDownContext;\n\n    useEffect(() => {\n        if (ref && ref.current) {\n            registerItem(ref);\n        }\n    }, [ref, registerItem]);\n\n    return (\n        <button className={className} onClick={onClick} ref={ref} title={title} type=\"button\">\n            {children}\n        </button>\n    );\n}\n\nfunction DropDownItems({\n    children,\n    dropDownRef,\n    showScroll = true,\n    onClose\n}: {\n    children: React.ReactNode;\n    dropDownRef?: React.Ref<HTMLDivElement>;\n    showScroll?: boolean;\n    onClose: () => void;\n}) {\n    const [items, setItems] = useState<React.RefObject<HTMLButtonElement>[]>();\n    const [highlightedItem, setHighlightedItem] = useState<React.RefObject<HTMLButtonElement>>();\n\n    const registerItem = useCallback(\n        (itemRef: React.RefObject<HTMLButtonElement>) => {\n            setItems(prev => (prev ? [...prev, itemRef] : [itemRef]));\n        },\n        [setItems]\n    );\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (!items) {\n            return;\n        }\n\n        const key = event.key;\n\n        if ([\"Escape\", \"ArrowUp\", \"ArrowDown\", \"Tab\"].includes(key)) {\n            event.preventDefault();\n        }\n\n        if (key === \"Escape\" || key === \"Tab\") {\n            onClose();\n        } else if (key === \"ArrowUp\") {\n            setHighlightedItem(prev => {\n                if (!prev) {\n                    return items[0];\n                }\n                const index = items.indexOf(prev) - 1;\n                return items[index === -1 ? items.length - 1 : index];\n            });\n        } else if (key === \"ArrowDown\") {\n            setHighlightedItem(prev => {\n                if (!prev) {\n                    return items[0];\n                }\n                return items[items.indexOf(prev) + 1];\n            });\n        }\n    };\n\n    const contextValue = useMemo(\n        () => ({\n            registerItem\n        }),\n        [registerItem]\n    );\n\n    useEffect(() => {\n        if (items && !highlightedItem) {\n            setHighlightedItem(items[0]);\n        }\n\n        if (highlightedItem && highlightedItem.current) {\n            highlightedItem.current.focus();\n        }\n    }, [items, highlightedItem]);\n\n    return (\n        <DropDownContext.Provider value={contextValue}>\n            <div\n                className={`lexical-dropdown ${showScroll ? \"\" : \"no-scroll\"}`}\n                ref={dropDownRef}\n                onKeyDown={handleKeyDown}\n            >\n                {children}\n            </div>\n        </DropDownContext.Provider>\n    );\n}\n\nexport function DropDown({\n    disabled = false,\n    buttonLabel,\n    buttonAriaLabel,\n    buttonClassName,\n    buttonIconClassName,\n    children,\n    stopCloseOnClickSelf,\n    showScroll = true\n}: {\n    disabled?: boolean;\n    buttonAriaLabel?: string;\n    buttonClassName: string;\n    buttonIconClassName?: string;\n    buttonLabel?: string;\n    children: ReactNode;\n    stopCloseOnClickSelf?: boolean;\n    showScroll?: boolean;\n}): JSX.Element {\n    const dropDownRef = useRef<HTMLDivElement>(null);\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    // Used to prevent flickering of the dropdown while calculating the dropdown position.\n    const [positionIsCalculated, setPositionIsCalculated] = useState(false);\n    const [showDropDown, setShowDropDown] = useState(false);\n\n    const handleClose = () => {\n        setPositionIsCalculated(false);\n        setShowDropDown(false);\n        if (buttonRef && buttonRef.current) {\n            buttonRef.current.focus();\n        }\n    };\n\n    useEffect(() => {\n        const button = buttonRef.current;\n        const dropDown = dropDownRef.current;\n\n        if (showDropDown && button && dropDown) {\n            dropDown.style.top = \"44px\";\n            dropDown.style.left = `${button.offsetLeft}px`;\n            setPositionIsCalculated(true);\n        }\n    }, [dropDownRef, buttonRef, showDropDown]);\n\n    useEffect(() => {\n        const button = buttonRef.current;\n        if (button && showDropDown) {\n            const handle = (event: MouseEvent) => {\n                const target = event.target;\n                if (stopCloseOnClickSelf) {\n                    if (dropDownRef.current && dropDownRef.current.contains(target as Node)) {\n                        return;\n                    }\n                }\n\n                if (!button.contains(target as Node)) {\n                    setShowDropDown(false);\n                }\n            };\n            document.addEventListener(\"click\", handle);\n            return () => {\n                document.removeEventListener(\"click\", handle);\n            };\n        }\n        return;\n    }, [dropDownRef, buttonRef, showDropDown, stopCloseOnClickSelf]);\n\n    const displayContainer = useMemo(() => {\n        // To prevent blinking, we show the container only when the dropdown position is calculated.\n        // Without this, window would be visible first on left (0px), and after a millisecond on the right side.\n        return positionIsCalculated ? { display: \"block\" } : { display: \"none\" };\n    }, [positionIsCalculated]);\n\n    return (\n        <>\n            <button\n                style={{ position: \"relative\" }}\n                disabled={disabled}\n                aria-label={buttonAriaLabel || buttonLabel}\n                className={buttonClassName}\n                onClick={() => setShowDropDown(!showDropDown)}\n                ref={buttonRef}\n            >\n                {buttonIconClassName && <span className={buttonIconClassName} />}\n                {buttonLabel && <span className=\"text dropdown-button-text\">{buttonLabel}</span>}\n                <i className=\"chevron-down\" />\n            </button>\n            {showDropDown && (\n                <div className={\"lexical-dropdown-container\"} style={displayContainer}>\n                    <DropDownItems\n                        showScroll={showScroll}\n                        dropDownRef={dropDownRef}\n                        onClose={handleClose}\n                    >\n                        {children}\n                    </DropDownItems>\n                </div>\n            )}\n        </>\n    );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACzE,OAAO,KAAKC,KAAK,MAAM,OAAO;AAM9B,MAAMC,eAAe,gBAAGD,KAAK,CAACE,aAAa,CAA6B,IAAI,CAAC;AAE7E,OAAO,SAASC,YAAYA,CAAC;EACzBC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC;AAMJ,CAAC,EAAE;EACC,MAAMC,GAAG,GAAGV,MAAM,CAAoB,IAAI,CAAC;EAE3C,MAAMW,eAAe,GAAGT,KAAK,CAACU,UAAU,CAACT,eAAe,CAAC;EAEzD,IAAIQ,eAAe,KAAK,IAAI,EAAE;IAC1B,MAAM,IAAIE,KAAK,CAAC,6CAA6C,CAAC;EAClE;EAEA,MAAM;IAAEC;EAAa,CAAC,GAAGH,eAAe;EAExCb,SAAS,CAAC,MAAM;IACZ,IAAIY,GAAG,IAAIA,GAAG,CAACK,OAAO,EAAE;MACpBD,YAAY,CAACJ,GAAG,CAAC;IACrB;EACJ,CAAC,EAAE,CAACA,GAAG,EAAEI,YAAY,CAAC,CAAC;EAEvB,oBACIZ,KAAA,CAAAc,aAAA;IAAQT,SAAS,EAAEA,SAAU;IAACC,OAAO,EAAEA,OAAQ;IAACE,GAAG,EAAEA,GAAI;IAACD,KAAK,EAAEA,KAAM;IAACQ,IAAI,EAAC;EAAQ,GAChFX,QACG,CAAC;AAEjB;AAEA,SAASY,aAAaA,CAAC;EACnBZ,QAAQ;EACRa,WAAW;EACXC,UAAU,GAAG,IAAI;EACjBC;AAMJ,CAAC,EAAE;EACC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGtB,QAAQ,CAAuC,CAAC;EAC1E,MAAM,CAACuB,eAAe,EAAEC,kBAAkB,CAAC,GAAGxB,QAAQ,CAAqC,CAAC;EAE5F,MAAMa,YAAY,GAAGjB,WAAW,CAC3B6B,OAA2C,IAAK;IAC7CH,QAAQ,CAACI,IAAI,IAAKA,IAAI,GAAG,CAAC,GAAGA,IAAI,EAAED,OAAO,CAAC,GAAG,CAACA,OAAO,CAAE,CAAC;EAC7D,CAAC,EACD,CAACH,QAAQ,CACb,CAAC;EAED,MAAMK,aAAa,GAAIC,KAA0C,IAAK;IAClE,IAAI,CAACP,KAAK,EAAE;MACR;IACJ;IAEA,MAAMQ,GAAG,GAAGD,KAAK,CAACC,GAAG;IAErB,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAACC,QAAQ,CAACD,GAAG,CAAC,EAAE;MACzDD,KAAK,CAACG,cAAc,CAAC,CAAC;IAC1B;IAEA,IAAIF,GAAG,KAAK,QAAQ,IAAIA,GAAG,KAAK,KAAK,EAAE;MACnCT,OAAO,CAAC,CAAC;IACb,CAAC,MAAM,IAAIS,GAAG,KAAK,SAAS,EAAE;MAC1BL,kBAAkB,CAACE,IAAI,IAAI;QACvB,IAAI,CAACA,IAAI,EAAE;UACP,OAAOL,KAAK,CAAC,CAAC,CAAC;QACnB;QACA,MAAMW,KAAK,GAAGX,KAAK,CAACY,OAAO,CAACP,IAAI,CAAC,GAAG,CAAC;QACrC,OAAOL,KAAK,CAACW,KAAK,KAAK,CAAC,CAAC,GAAGX,KAAK,CAACa,MAAM,GAAG,CAAC,GAAGF,KAAK,CAAC;MACzD,CAAC,CAAC;IACN,CAAC,MAAM,IAAIH,GAAG,KAAK,WAAW,EAAE;MAC5BL,kBAAkB,CAACE,IAAI,IAAI;QACvB,IAAI,CAACA,IAAI,EAAE;UACP,OAAOL,KAAK,CAAC,CAAC,CAAC;QACnB;QACA,OAAOA,KAAK,CAACA,KAAK,CAACY,OAAO,CAACP,IAAI,CAAC,GAAG,CAAC,CAAC;MACzC,CAAC,CAAC;IACN;EACJ,CAAC;EAED,MAAMS,YAAY,GAAGrC,OAAO,CACxB,OAAO;IACHe;EACJ,CAAC,CAAC,EACF,CAACA,YAAY,CACjB,CAAC;EAEDhB,SAAS,CAAC,MAAM;IACZ,IAAIwB,KAAK,IAAI,CAACE,eAAe,EAAE;MAC3BC,kBAAkB,CAACH,KAAK,CAAC,CAAC,CAAC,CAAC;IAChC;IAEA,IAAIE,eAAe,IAAIA,eAAe,CAACT,OAAO,EAAE;MAC5CS,eAAe,CAACT,OAAO,CAACsB,KAAK,CAAC,CAAC;IACnC;EACJ,CAAC,EAAE,CAACf,KAAK,EAAEE,eAAe,CAAC,CAAC;EAE5B,oBACItB,KAAA,CAAAc,aAAA,CAACb,eAAe,CAACmC,QAAQ;IAACC,KAAK,EAAEH;EAAa,gBAC1ClC,KAAA,CAAAc,aAAA;IACIT,SAAS,EAAE,oBAAoBa,UAAU,GAAG,EAAE,GAAG,WAAW,EAAG;IAC/DV,GAAG,EAAES,WAAY;IACjBqB,SAAS,EAAEZ;EAAc,GAExBtB,QACA,CACiB,CAAC;AAEnC;AAEA,OAAO,SAASmC,QAAQA,CAAC;EACrBC,QAAQ,GAAG,KAAK;EAChBC,WAAW;EACXC,eAAe;EACfC,eAAe;EACfC,mBAAmB;EACnBxC,QAAQ;EACRyC,oBAAoB;EACpB3B,UAAU,GAAG;AAUjB,CAAC,EAAe;EACZ,MAAMD,WAAW,GAAGnB,MAAM,CAAiB,IAAI,CAAC;EAChD,MAAMgD,SAAS,GAAGhD,MAAM,CAAoB,IAAI,CAAC;EACjD;EACA,MAAM,CAACiD,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGjD,QAAQ,CAAC,KAAK,CAAC;EACvE,MAAM,CAACkD,YAAY,EAAEC,eAAe,CAAC,GAAGnD,QAAQ,CAAC,KAAK,CAAC;EAEvD,MAAMoD,WAAW,GAAGA,CAAA,KAAM;IACtBH,uBAAuB,CAAC,KAAK,CAAC;IAC9BE,eAAe,CAAC,KAAK,CAAC;IACtB,IAAIJ,SAAS,IAAIA,SAAS,CAACjC,OAAO,EAAE;MAChCiC,SAAS,CAACjC,OAAO,CAACsB,KAAK,CAAC,CAAC;IAC7B;EACJ,CAAC;EAEDvC,SAAS,CAAC,MAAM;IACZ,MAAMwD,MAAM,GAAGN,SAAS,CAACjC,OAAO;IAChC,MAAMwC,QAAQ,GAAGpC,WAAW,CAACJ,OAAO;IAEpC,IAAIoC,YAAY,IAAIG,MAAM,IAAIC,QAAQ,EAAE;MACpCA,QAAQ,CAACC,KAAK,CAACC,GAAG,GAAG,MAAM;MAC3BF,QAAQ,CAACC,KAAK,CAACE,IAAI,GAAG,GAAGJ,MAAM,CAACK,UAAU,IAAI;MAC9CT,uBAAuB,CAAC,IAAI,CAAC;IACjC;EACJ,CAAC,EAAE,CAAC/B,WAAW,EAAE6B,SAAS,EAAEG,YAAY,CAAC,CAAC;EAE1CrD,SAAS,CAAC,MAAM;IACZ,MAAMwD,MAAM,GAAGN,SAAS,CAACjC,OAAO;IAChC,IAAIuC,MAAM,IAAIH,YAAY,EAAE;MACxB,MAAMS,MAAM,GAAI/B,KAAiB,IAAK;QAClC,MAAMgC,MAAM,GAAGhC,KAAK,CAACgC,MAAM;QAC3B,IAAId,oBAAoB,EAAE;UACtB,IAAI5B,WAAW,CAACJ,OAAO,IAAII,WAAW,CAACJ,OAAO,CAAC+C,QAAQ,CAACD,MAAc,CAAC,EAAE;YACrE;UACJ;QACJ;QAEA,IAAI,CAACP,MAAM,CAACQ,QAAQ,CAACD,MAAc,CAAC,EAAE;UAClCT,eAAe,CAAC,KAAK,CAAC;QAC1B;MACJ,CAAC;MACDW,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEJ,MAAM,CAAC;MAC1C,OAAO,MAAM;QACTG,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEL,MAAM,CAAC;MACjD,CAAC;IACL;IACA;EACJ,CAAC,EAAE,CAACzC,WAAW,EAAE6B,SAAS,EAAEG,YAAY,EAAEJ,oBAAoB,CAAC,CAAC;EAEhE,MAAMmB,gBAAgB,GAAGnE,OAAO,CAAC,MAAM;IACnC;IACA;IACA,OAAOkD,oBAAoB,GAAG;MAAEkB,OAAO,EAAE;IAAQ,CAAC,GAAG;MAAEA,OAAO,EAAE;IAAO,CAAC;EAC5E,CAAC,EAAE,CAAClB,oBAAoB,CAAC,CAAC;EAE1B,oBACI/C,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAkE,QAAA,qBACIlE,KAAA,CAAAc,aAAA;IACIwC,KAAK,EAAE;MAAEa,QAAQ,EAAE;IAAW,CAAE;IAChC3B,QAAQ,EAAEA,QAAS;IACnB,cAAYE,eAAe,IAAID,WAAY;IAC3CpC,SAAS,EAAEsC,eAAgB;IAC3BrC,OAAO,EAAEA,CAAA,KAAM4C,eAAe,CAAC,CAACD,YAAY,CAAE;IAC9CzC,GAAG,EAAEsC;EAAU,GAEdF,mBAAmB,iBAAI5C,KAAA,CAAAc,aAAA;IAAMT,SAAS,EAAEuC;EAAoB,CAAE,CAAC,EAC/DH,WAAW,iBAAIzC,KAAA,CAAAc,aAAA;IAAMT,SAAS,EAAC;EAA2B,GAAEoC,WAAkB,CAAC,eAChFzC,KAAA,CAAAc,aAAA;IAAGT,SAAS,EAAC;EAAc,CAAE,CACzB,CAAC,EACR4C,YAAY,iBACTjD,KAAA,CAAAc,aAAA;IAAKT,SAAS,EAAE,4BAA6B;IAACiD,KAAK,EAAEU;EAAiB,gBAClEhE,KAAA,CAAAc,aAAA,CAACE,aAAa;IACVE,UAAU,EAAEA,UAAW;IACvBD,WAAW,EAAEA,WAAY;IACzBE,OAAO,EAAEgC;EAAY,GAEpB/C,QACU,CACd,CAEX,CAAC;AAEX","ignoreList":[]}

package/ui/ImageResizer.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+import type { LexicalEditor } from "lexical";
+export declare function ImageResizer({ onResizeStart, onResizeEnd, buttonRef, imageRef, maxWidth, editor, showCaption, setShowCaption, captionsEnabled }: {
+    editor: LexicalEditor;
+    buttonRef: {
+        current: null | HTMLButtonElement;
+    };
+    imageRef: {
+        current: null | HTMLElement;
+    };
+    maxWidth?: number;
+    onResizeEnd: (width: "inherit" | number, height: "inherit" | number) => void;
+    onResizeStart: () => void;
+    setShowCaption: (show: boolean) => void;
+    showCaption: boolean;
+    captionsEnabled: boolean;
+}): JSX.Element;