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

package/ui/ToolbarActionDialog.js

@@ -0,0 +1,77 @@
+import React, { useRef, useState } from "react";
+function MenuContainer({
+  children,
+  menuContainerRef,
+  onClose
+}) {
+  const handleKeyDown = event => {
+    const key = event.key;
+    if (["Escape", "ArrowUp", "ArrowDown", "Tab"].includes(key)) {
+      event.preventDefault();
+    }
+    if (key === "Escape" || key === "Tab") {
+      onClose();
+    }
+  };
+  const handleContainerClick = e => {
+    e.preventDefault();
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "relative"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: e => handleContainerClick(e),
+    style: {
+      position: "absolute",
+      top: -10,
+      left: 0,
+      width: 240,
+      backgroundColor: "#fff"
+    },
+    ref: menuContainerRef ?? null,
+    onKeyDown: handleKeyDown
+  }, children));
+}
+export const ToolbarActionDialog = ({
+  disabled,
+  buttonAriaLabel,
+  buttonClassName,
+  buttonIconClassName,
+  buttonLabel,
+  children
+}) => {
+  const menuWindowRef = useRef(null);
+  const [showDropDown, setShowDropDown] = useState(false);
+  const handleClose = () => {
+    if (menuWindowRef && menuWindowRef.current) {
+      setShowDropDown(false);
+      menuWindowRef.current.focus();
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "relative"
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    style: {
+      position: "relative"
+    },
+    disabled: disabled,
+    "aria-label": buttonAriaLabel || buttonLabel,
+    className: buttonClassName,
+    onClick: () => {
+      setShowDropDown(!showDropDown);
+    }
+  }, 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(MenuContainer, {
+    onClose: handleClose
+  }, children));
+};
+
+//# sourceMappingURL=ToolbarActionDialog.js.map

package/ui/ToolbarActionDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","MenuContainer","children","menuContainerRef","onClose","handleKeyDown","event","key","includes","preventDefault","handleContainerClick","e","createElement","style","position","onClick","top","left","width","backgroundColor","ref","onKeyDown","ToolbarActionDialog","disabled","buttonAriaLabel","buttonClassName","buttonIconClassName","buttonLabel","menuWindowRef","showDropDown","setShowDropDown","handleClose","current","focus","className"],"sources":["ToolbarActionDialog.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nfunction MenuContainer({\n    children,\n    menuContainerRef,\n    onClose\n}: {\n    children: React.ReactNode | React.ReactNode[];\n    menuContainerRef?: React.Ref<HTMLDivElement>;\n    onClose: () => void;\n}) {\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\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        }\n    };\n\n    const handleContainerClick = (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        e.preventDefault();\n    };\n\n    return (\n        <div style={{ position: \"relative\" }}>\n            <div\n                onClick={e => handleContainerClick(e)}\n                style={{\n                    position: \"absolute\",\n                    top: -10,\n                    left: 0,\n                    width: 240,\n                    backgroundColor: \"#fff\"\n                }}\n                ref={menuContainerRef ?? null}\n                onKeyDown={handleKeyDown}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\ninterface ToolbarActionDialogProps {\n    disabled: boolean;\n    buttonLabel?: string;\n    buttonAriaLabel: string;\n    buttonClassName: string;\n    buttonIconClassName: string;\n    children: React.ReactNode | React.ReactNode[];\n}\n\nexport const ToolbarActionDialog = ({\n    disabled,\n    buttonAriaLabel,\n    buttonClassName,\n    buttonIconClassName,\n    buttonLabel,\n    children\n}: ToolbarActionDialogProps): JSX.Element => {\n    const menuWindowRef = useRef<HTMLDivElement>(null);\n    const [showDropDown, setShowDropDown] = useState(false);\n\n    const handleClose = () => {\n        if (menuWindowRef && menuWindowRef.current) {\n            setShowDropDown(false);\n            menuWindowRef.current.focus();\n        }\n    };\n\n    return (\n        <div style={{ position: \"relative\" }}>\n            <button\n                style={{ position: \"relative\" }}\n                disabled={disabled}\n                aria-label={buttonAriaLabel || buttonLabel}\n                className={buttonClassName}\n                onClick={() => {\n                    setShowDropDown(!showDropDown);\n                }}\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 && <MenuContainer onClose={handleClose}>{children}</MenuContainer>}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAE/C,SAASC,aAAaA,CAAC;EACnBC,QAAQ;EACRC,gBAAgB;EAChBC;AAKJ,CAAC,EAAE;EACC,MAAMC,aAAa,GAAIC,KAA0C,IAAK;IAClE,MAAMC,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;MACnCH,OAAO,CAAC,CAAC;IACb;EACJ,CAAC;EAED,MAAMM,oBAAoB,GAAIC,CAA+C,IAAK;IAC9EA,CAAC,CAACF,cAAc,CAAC,CAAC;EACtB,CAAC;EAED,oBACIX,KAAA,CAAAc,aAAA;IAAKC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAW;EAAE,gBACjChB,KAAA,CAAAc,aAAA;IACIG,OAAO,EAAEJ,CAAC,IAAID,oBAAoB,CAACC,CAAC,CAAE;IACtCE,KAAK,EAAE;MACHC,QAAQ,EAAE,UAAU;MACpBE,GAAG,EAAE,CAAC,EAAE;MACRC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,GAAG;MACVC,eAAe,EAAE;IACrB,CAAE;IACFC,GAAG,EAAEjB,gBAAgB,IAAI,IAAK;IAC9BkB,SAAS,EAAEhB;EAAc,GAExBH,QACA,CACJ,CAAC;AAEd;AAUA,OAAO,MAAMoB,mBAAmB,GAAGA,CAAC;EAChCC,QAAQ;EACRC,eAAe;EACfC,eAAe;EACfC,mBAAmB;EACnBC,WAAW;EACXzB;AACsB,CAAC,KAAkB;EACzC,MAAM0B,aAAa,GAAG7B,MAAM,CAAiB,IAAI,CAAC;EAClD,MAAM,CAAC8B,YAAY,EAAEC,eAAe,CAAC,GAAG9B,QAAQ,CAAC,KAAK,CAAC;EAEvD,MAAM+B,WAAW,GAAGA,CAAA,KAAM;IACtB,IAAIH,aAAa,IAAIA,aAAa,CAACI,OAAO,EAAE;MACxCF,eAAe,CAAC,KAAK,CAAC;MACtBF,aAAa,CAACI,OAAO,CAACC,KAAK,CAAC,CAAC;IACjC;EACJ,CAAC;EAED,oBACInC,KAAA,CAAAc,aAAA;IAAKC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAW;EAAE,gBACjChB,KAAA,CAAAc,aAAA;IACIC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAW,CAAE;IAChCS,QAAQ,EAAEA,QAAS;IACnB,cAAYC,eAAe,IAAIG,WAAY;IAC3CO,SAAS,EAAET,eAAgB;IAC3BV,OAAO,EAAEA,CAAA,KAAM;MACXe,eAAe,CAAC,CAACD,YAAY,CAAC;IAClC;EAAE,GAEDH,mBAAmB,iBAAI5B,KAAA,CAAAc,aAAA;IAAMsB,SAAS,EAAER;EAAoB,CAAE,CAAC,EAC/DC,WAAW,iBAAI7B,KAAA,CAAAc,aAAA;IAAMsB,SAAS,EAAC;EAA2B,GAAEP,WAAkB,CAAC,eAChF7B,KAAA,CAAAc,aAAA;IAAGsB,SAAS,EAAC;EAAc,CAAE,CACzB,CAAC,EACRL,YAAY,iBAAI/B,KAAA,CAAAc,aAAA,CAACX,aAAa;IAACG,OAAO,EAAE2B;EAAY,GAAE7B,QAAwB,CAC9E,CAAC;AAEd,CAAC","ignoreList":[]}

package/utils/canUseDOM.d.ts

@@ -0,0 +1 @@
+export declare const CAN_USE_DOM: boolean;

package/utils/canUseDOM.js

@@ -0,0 +1,3 @@
+export const CAN_USE_DOM = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
+
+//# sourceMappingURL=canUseDOM.js.map

package/utils/canUseDOM.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CAN_USE_DOM","window","document","createElement"],"sources":["canUseDOM.ts"],"sourcesContent":["export const CAN_USE_DOM: boolean =\n    typeof window !== \"undefined\" &&\n    typeof window.document !== \"undefined\" &&\n    typeof window.document.createElement !== \"undefined\";\n"],"mappings":"AAAA,OAAO,MAAMA,WAAoB,GAC7B,OAAOC,MAAM,KAAK,WAAW,IAC7B,OAAOA,MAAM,CAACC,QAAQ,KAAK,WAAW,IACtC,OAAOD,MAAM,CAACC,QAAQ,CAACC,aAAa,KAAK,WAAW","ignoreList":[]}

package/utils/files.d.ts

@@ -0,0 +1,11 @@
+import type { ImagePayload } from "../commands";
+export interface FileManagerFileItem {
+    id: string;
+    src: string;
+    meta?: Array<FileManagerFileItemMetaItem>;
+}
+export interface FileManagerFileItemMetaItem {
+    key: string;
+    value: any;
+}
+export declare const fileToImagePayload: (file: FileManagerFileItem) => ImagePayload | null;

package/utils/files.js

@@ -0,0 +1,21 @@
+export const fileToImagePayload = file => {
+  const imagePayload = {};
+  imagePayload["id"] = file.id;
+  imagePayload["src"] = file.src;
+  imagePayload["showCaption"] = true;
+  imagePayload["captionsEnabled"] = true;
+  if (file?.meta) {
+    for (const metaValue of file.meta) {
+      if (metaValue.key === "name") {
+        imagePayload["altText"] = metaValue.value;
+      } else if (metaValue.key === "width") {
+        imagePayload["width"] = metaValue.value;
+      } else if (metaValue.key === "height") {
+        imagePayload["height"] = metaValue.value;
+      }
+    }
+  }
+  return imagePayload;
+};
+
+//# sourceMappingURL=files.js.map

package/utils/files.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fileToImagePayload","file","imagePayload","id","src","meta","metaValue","key","value"],"sources":["files.ts"],"sourcesContent":["import type { ImagePayload } from \"~/commands\";\n\nexport interface FileManagerFileItem {\n    id: string;\n    src: string;\n    meta?: Array<FileManagerFileItemMetaItem>;\n}\n\nexport interface FileManagerFileItemMetaItem {\n    key: string;\n    value: any;\n}\n\nexport const fileToImagePayload = (file: FileManagerFileItem): ImagePayload | null => {\n    const imagePayload = {} as ImagePayload;\n    imagePayload[\"id\"] = file.id;\n    imagePayload[\"src\"] = file.src;\n    imagePayload[\"showCaption\"] = true;\n    imagePayload[\"captionsEnabled\"] = true;\n\n    if (file?.meta) {\n        for (const metaValue of file.meta) {\n            if (metaValue.key === \"name\") {\n                imagePayload[\"altText\"] = metaValue.value;\n            } else if (metaValue.key === \"width\") {\n                imagePayload[\"width\"] = metaValue.value;\n            } else if (metaValue.key === \"height\") {\n                imagePayload[\"height\"] = metaValue.value;\n            }\n        }\n    }\n\n    return imagePayload;\n};\n"],"mappings":"AAaA,OAAO,MAAMA,kBAAkB,GAAIC,IAAyB,IAA0B;EAClF,MAAMC,YAAY,GAAG,CAAC,CAAiB;EACvCA,YAAY,CAAC,IAAI,CAAC,GAAGD,IAAI,CAACE,EAAE;EAC5BD,YAAY,CAAC,KAAK,CAAC,GAAGD,IAAI,CAACG,GAAG;EAC9BF,YAAY,CAAC,aAAa,CAAC,GAAG,IAAI;EAClCA,YAAY,CAAC,iBAAiB,CAAC,GAAG,IAAI;EAEtC,IAAID,IAAI,EAAEI,IAAI,EAAE;IACZ,KAAK,MAAMC,SAAS,IAAIL,IAAI,CAACI,IAAI,EAAE;MAC/B,IAAIC,SAAS,CAACC,GAAG,KAAK,MAAM,EAAE;QAC1BL,YAAY,CAAC,SAAS,CAAC,GAAGI,SAAS,CAACE,KAAK;MAC7C,CAAC,MAAM,IAAIF,SAAS,CAACC,GAAG,KAAK,OAAO,EAAE;QAClCL,YAAY,CAAC,OAAO,CAAC,GAAGI,SAAS,CAACE,KAAK;MAC3C,CAAC,MAAM,IAAIF,SAAS,CAACC,GAAG,KAAK,QAAQ,EAAE;QACnCL,YAAY,CAAC,QAAQ,CAAC,GAAGI,SAAS,CAACE,KAAK;MAC5C;IACJ;EACJ;EAEA,OAAON,YAAY;AACvB,CAAC","ignoreList":[]}

package/utils/getDOMRangeRect.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ *
+ */
+export declare function getDOMRangeRect(nativeSelection: Selection, rootElement: HTMLElement): DOMRect;

package/utils/getDOMRangeRect.js

@@ -0,0 +1,23 @@
+/**
+ * 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.
+ *
+ */
+export function getDOMRangeRect(nativeSelection, rootElement) {
+  const domRange = nativeSelection.getRangeAt(0);
+  let rect;
+  if (nativeSelection.anchorNode === rootElement) {
+    let inner = rootElement;
+    while (inner.firstElementChild != null) {
+      inner = inner.firstElementChild;
+    }
+    rect = inner.getBoundingClientRect();
+  } else {
+    rect = domRange.getBoundingClientRect();
+  }
+  return rect;
+}
+
+//# sourceMappingURL=getDOMRangeRect.js.map

package/utils/getDOMRangeRect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getDOMRangeRect","nativeSelection","rootElement","domRange","getRangeAt","rect","anchorNode","inner","firstElementChild","getBoundingClientRect"],"sources":["getDOMRangeRect.ts"],"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 */\nexport function getDOMRangeRect(nativeSelection: Selection, rootElement: HTMLElement): DOMRect {\n    const domRange = nativeSelection.getRangeAt(0);\n\n    let rect;\n\n    if (nativeSelection.anchorNode === rootElement) {\n        let inner = rootElement;\n        while (inner.firstElementChild != null) {\n            inner = inner.firstElementChild as HTMLElement;\n        }\n        rect = inner.getBoundingClientRect();\n    } else {\n        rect = domRange.getBoundingClientRect();\n    }\n\n    return rect;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,eAAeA,CAACC,eAA0B,EAAEC,WAAwB,EAAW;EAC3F,MAAMC,QAAQ,GAAGF,eAAe,CAACG,UAAU,CAAC,CAAC,CAAC;EAE9C,IAAIC,IAAI;EAER,IAAIJ,eAAe,CAACK,UAAU,KAAKJ,WAAW,EAAE;IAC5C,IAAIK,KAAK,GAAGL,WAAW;IACvB,OAAOK,KAAK,CAACC,iBAAiB,IAAI,IAAI,EAAE;MACpCD,KAAK,GAAGA,KAAK,CAACC,iBAAgC;IAClD;IACAH,IAAI,GAAGE,KAAK,CAACE,qBAAqB,CAAC,CAAC;EACxC,CAAC,MAAM;IACHJ,IAAI,GAAGF,QAAQ,CAACM,qBAAqB,CAAC,CAAC;EAC3C;EAEA,OAAOJ,IAAI;AACf","ignoreList":[]}

package/utils/getSelectedNode.d.ts

@@ -0,0 +1,2 @@
+import type { ElementNode, RangeSelection, TextNode } from "lexical";
+export declare function getSelectedNode(selection: RangeSelection): TextNode | ElementNode;

package/utils/getSelectedNode.js

@@ -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 { $isAtNodeEnd } from "@lexical/selection";
+export function getSelectedNode(selection) {
+  const anchor = selection.anchor;
+  const focus = selection.focus;
+  const anchorNode = selection.anchor.getNode();
+  const focusNode = selection.focus.getNode();
+  if (anchorNode === focusNode) {
+    return anchorNode;
+  }
+  const isBackward = selection.isBackward();
+  if (isBackward) {
+    return $isAtNodeEnd(focus) ? anchorNode : focusNode;
+  } else {
+    return $isAtNodeEnd(anchor) ? focusNode : anchorNode;
+  }
+}
+
+//# sourceMappingURL=getSelectedNode.js.map

package/utils/getSelectedNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["$isAtNodeEnd","getSelectedNode","selection","anchor","focus","anchorNode","getNode","focusNode","isBackward"],"sources":["getSelectedNode.ts"],"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 { $isAtNodeEnd } from \"@lexical/selection\";\nimport type { ElementNode, RangeSelection, TextNode } from \"lexical\";\n\nexport function getSelectedNode(selection: RangeSelection): TextNode | ElementNode {\n    const anchor = selection.anchor;\n    const focus = selection.focus;\n    const anchorNode = selection.anchor.getNode();\n    const focusNode = selection.focus.getNode();\n    if (anchorNode === focusNode) {\n        return anchorNode;\n    }\n    const isBackward = selection.isBackward();\n    if (isBackward) {\n        return $isAtNodeEnd(focus) ? anchorNode : focusNode;\n    } else {\n        return $isAtNodeEnd(anchor) ? focusNode : anchorNode;\n    }\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,oBAAoB;AAGjD,OAAO,SAASC,eAAeA,CAACC,SAAyB,EAA0B;EAC/E,MAAMC,MAAM,GAAGD,SAAS,CAACC,MAAM;EAC/B,MAAMC,KAAK,GAAGF,SAAS,CAACE,KAAK;EAC7B,MAAMC,UAAU,GAAGH,SAAS,CAACC,MAAM,CAACG,OAAO,CAAC,CAAC;EAC7C,MAAMC,SAAS,GAAGL,SAAS,CAACE,KAAK,CAACE,OAAO,CAAC,CAAC;EAC3C,IAAID,UAAU,KAAKE,SAAS,EAAE;IAC1B,OAAOF,UAAU;EACrB;EACA,MAAMG,UAAU,GAAGN,SAAS,CAACM,UAAU,CAAC,CAAC;EACzC,IAAIA,UAAU,EAAE;IACZ,OAAOR,YAAY,CAACI,KAAK,CAAC,GAAGC,UAAU,GAAGE,SAAS;EACvD,CAAC,MAAM;IACH,OAAOP,YAAY,CAACG,MAAM,CAAC,GAAGI,SAAS,GAAGF,UAAU;EACxD;AACJ","ignoreList":[]}

package/utils/getTransparentImage.d.ts

@@ -0,0 +1 @@
+export declare const getTransparentImage: () => string;

package/utils/getTransparentImage.js

@@ -0,0 +1,5 @@
+export const getTransparentImage = () => {
+  return "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
+};
+
+//# sourceMappingURL=getTransparentImage.js.map

package/utils/getTransparentImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getTransparentImage"],"sources":["getTransparentImage.ts"],"sourcesContent":["export const getTransparentImage = () => {\n    return \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\";\n};\n"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,GAAGA,CAAA,KAAM;EACrC,OAAO,gFAAgF;AAC3F,CAAC","ignoreList":[]}

package/utils/insertImage.d.ts

@@ -0,0 +1,2 @@
+import type { InsertImagePayload } from "../plugins/ImagesPlugin/ImagesPlugin";
+export declare const insertImage: (payload: InsertImagePayload) => boolean;

package/utils/insertImage.js

@@ -0,0 +1,16 @@
+import { $insertNodes, $isRootOrShadowRoot } from "lexical";
+import { $wrapNodeInElement } from "@lexical/utils";
+import { $createParagraphNode, $createImageNode } from "@webiny/lexical-nodes";
+/*
+ * Insert image into editor.
+ */
+export const insertImage = payload => {
+  const imageNode = $createImageNode(payload);
+  $insertNodes([imageNode]);
+  if ($isRootOrShadowRoot(imageNode.getParentOrThrow())) {
+    $wrapNodeInElement(imageNode, $createParagraphNode).selectEnd();
+  }
+  return true;
+};
+
+//# sourceMappingURL=insertImage.js.map

package/utils/insertImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["$insertNodes","$isRootOrShadowRoot","$wrapNodeInElement","$createParagraphNode","$createImageNode","insertImage","payload","imageNode","getParentOrThrow","selectEnd"],"sources":["insertImage.ts"],"sourcesContent":["import { $insertNodes, $isRootOrShadowRoot } from \"lexical\";\nimport { $wrapNodeInElement } from \"@lexical/utils\";\nimport { $createParagraphNode, $createImageNode } from \"@webiny/lexical-nodes\";\nimport type { InsertImagePayload } from \"~/plugins/ImagesPlugin/ImagesPlugin\";\n\n/*\n * Insert image into editor.\n */\nexport const insertImage = (payload: InsertImagePayload): boolean => {\n    const imageNode = $createImageNode(payload);\n    $insertNodes([imageNode]);\n    if ($isRootOrShadowRoot(imageNode.getParentOrThrow())) {\n        $wrapNodeInElement(imageNode, $createParagraphNode).selectEnd();\n    }\n    return true;\n};\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,mBAAmB,QAAQ,SAAS;AAC3D,SAASC,kBAAkB,QAAQ,gBAAgB;AACnD,SAASC,oBAAoB,EAAEC,gBAAgB,QAAQ,uBAAuB;AAG9E;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAIC,OAA2B,IAAc;EACjE,MAAMC,SAAS,GAAGH,gBAAgB,CAACE,OAAO,CAAC;EAC3CN,YAAY,CAAC,CAACO,SAAS,CAAC,CAAC;EACzB,IAAIN,mBAAmB,CAACM,SAAS,CAACC,gBAAgB,CAAC,CAAC,CAAC,EAAE;IACnDN,kBAAkB,CAACK,SAAS,EAAEJ,oBAAoB,CAAC,CAACM,SAAS,CAAC,CAAC;EACnE;EACA,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/utils/isAnchorLink.d.ts

@@ -0,0 +1 @@
+export declare const isAnchorLink: (url: string) => boolean;

package/utils/isAnchorLink.js

@@ -0,0 +1,5 @@
+export const isAnchorLink = url => {
+  return url.startsWith("#");
+};
+
+//# sourceMappingURL=isAnchorLink.js.map

package/utils/isAnchorLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isAnchorLink","url","startsWith"],"sources":["isAnchorLink.ts"],"sourcesContent":["export const isAnchorLink = (url: string) => {\n    return url.startsWith(\"#\");\n};\n"],"mappings":"AAAA,OAAO,MAAMA,YAAY,GAAIC,GAAW,IAAK;EACzC,OAAOA,GAAG,CAACC,UAAU,CAAC,GAAG,CAAC;AAC9B,CAAC","ignoreList":[]}

package/utils/isChildOfFloatingToolbar.d.ts

@@ -0,0 +1 @@
+export declare const isChildOfFloatingToolbar: (element: HTMLElement | null) => boolean;

package/utils/isChildOfFloatingToolbar.js

@@ -0,0 +1,12 @@
+export const isChildOfFloatingToolbar = element => {
+  const parent = element ? element.parentElement : null;
+  if (!parent) {
+    return false;
+  }
+  if (parent.classList.contains("floating-toolbar")) {
+    return true;
+  }
+  return isChildOfFloatingToolbar(parent);
+};
+
+//# sourceMappingURL=isChildOfFloatingToolbar.js.map

package/utils/isChildOfFloatingToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isChildOfFloatingToolbar","element","parent","parentElement","classList","contains"],"sources":["isChildOfFloatingToolbar.ts"],"sourcesContent":["export const isChildOfFloatingToolbar = (element: HTMLElement | null): boolean => {\n    const parent = element ? element.parentElement : null;\n\n    if (!parent) {\n        return false;\n    }\n\n    if (parent.classList.contains(\"floating-toolbar\")) {\n        return true;\n    }\n\n    return isChildOfFloatingToolbar(parent);\n};\n"],"mappings":"AAAA,OAAO,MAAMA,wBAAwB,GAAIC,OAA2B,IAAc;EAC9E,MAAMC,MAAM,GAAGD,OAAO,GAAGA,OAAO,CAACE,aAAa,GAAG,IAAI;EAErD,IAAI,CAACD,MAAM,EAAE;IACT,OAAO,KAAK;EAChB;EAEA,IAAIA,MAAM,CAACE,SAAS,CAACC,QAAQ,CAAC,kBAAkB,CAAC,EAAE;IAC/C,OAAO,IAAI;EACf;EAEA,OAAOL,wBAAwB,CAACE,MAAM,CAAC;AAC3C,CAAC","ignoreList":[]}

package/utils/isHTMLElement.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ *
+ */
+export declare function isHTMLElement(x: unknown): x is HTMLElement;

package/utils/isHTMLElement.js

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ *
+ */
+export function isHTMLElement(x) {
+  return x instanceof HTMLElement;
+}
+
+//# sourceMappingURL=isHTMLElement.js.map

package/utils/isHTMLElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isHTMLElement","x","HTMLElement"],"sources":["isHTMLElement.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 */\nexport function isHTMLElement(x: unknown): x is HTMLElement {\n    return x instanceof HTMLElement;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,aAAaA,CAACC,CAAU,EAAoB;EACxD,OAAOA,CAAC,YAAYC,WAAW;AACnC","ignoreList":[]}

package/utils/isValidJSON.d.ts

@@ -0,0 +1 @@
+export declare const isValidJSON: (value: string | undefined | null) => boolean;

package/utils/isValidJSON.js

@@ -0,0 +1,13 @@
+export const isValidJSON = value => {
+  if (!value) {
+    return false;
+  }
+  try {
+    const o = JSON.parse(value);
+    return !!o && typeof o === "object" && !Array.isArray(o);
+  } catch {
+    return false;
+  }
+};
+
+//# sourceMappingURL=isValidJSON.js.map

package/utils/isValidJSON.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isValidJSON","value","o","JSON","parse","Array","isArray"],"sources":["isValidJSON.ts"],"sourcesContent":["export const isValidJSON = (value: string | undefined | null): boolean => {\n    if (!value) {\n        return false;\n    }\n    try {\n        const o = JSON.parse(value);\n        return !!o && typeof o === \"object\" && !Array.isArray(o);\n    } catch {\n        return false;\n    }\n};\n"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAIC,KAAgC,IAAc;EACtE,IAAI,CAACA,KAAK,EAAE;IACR,OAAO,KAAK;EAChB;EACA,IAAI;IACA,MAAMC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,CAAC;IAC3B,OAAO,CAAC,CAACC,CAAC,IAAI,OAAOA,CAAC,KAAK,QAAQ,IAAI,CAACG,KAAK,CAACC,OAAO,CAACJ,CAAC,CAAC;EAC5D,CAAC,CAAC,MAAM;IACJ,OAAO,KAAK;EAChB;AACJ,CAAC","ignoreList":[]}

package/utils/isValidLexicalData.d.ts

@@ -0,0 +1,4 @@
+import type { SerializedEditorState } from "lexical";
+import type { LexicalValue } from "../types";
+export declare const parseLexicalState: (editorStateValue: LexicalValue | null) => false | SerializedEditorState;
+export declare const isValidLexicalData: (editorStateValue: LexicalValue | null) => editorStateValue is string;

package/utils/isValidLexicalData.js

@@ -0,0 +1,24 @@
+export const parseLexicalState = editorStateValue => {
+  if (!editorStateValue) {
+    return false;
+  }
+  try {
+    const maybeValidState = JSON.parse(editorStateValue);
+    return maybeValidState["root"] ? maybeValidState : false;
+  } catch {
+    return false;
+  }
+};
+export const isValidLexicalData = editorStateValue => {
+  if (!editorStateValue) {
+    return false;
+  }
+  try {
+    const data = JSON.parse(editorStateValue);
+    return !!data["root"];
+  } catch {
+    return false;
+  }
+};
+
+//# sourceMappingURL=isValidLexicalData.js.map

package/utils/isValidLexicalData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseLexicalState","editorStateValue","maybeValidState","JSON","parse","isValidLexicalData","data"],"sources":["isValidLexicalData.ts"],"sourcesContent":["import type { SerializedEditorState } from \"lexical\";\nimport type { LexicalValue } from \"~/types\";\n\nexport const parseLexicalState = (\n    editorStateValue: LexicalValue | null\n): false | SerializedEditorState => {\n    if (!editorStateValue) {\n        return false;\n    }\n    try {\n        const maybeValidState = JSON.parse(editorStateValue);\n        return maybeValidState[\"root\"] ? maybeValidState : false;\n    } catch {\n        return false;\n    }\n};\n\nexport const isValidLexicalData = (\n    editorStateValue: LexicalValue | null\n): editorStateValue is LexicalValue => {\n    if (!editorStateValue) {\n        return false;\n    }\n\n    try {\n        const data = JSON.parse(editorStateValue);\n        return !!data[\"root\"];\n    } catch {\n        return false;\n    }\n};\n"],"mappings":"AAGA,OAAO,MAAMA,iBAAiB,GAC1BC,gBAAqC,IACL;EAChC,IAAI,CAACA,gBAAgB,EAAE;IACnB,OAAO,KAAK;EAChB;EACA,IAAI;IACA,MAAMC,eAAe,GAAGC,IAAI,CAACC,KAAK,CAACH,gBAAgB,CAAC;IACpD,OAAOC,eAAe,CAAC,MAAM,CAAC,GAAGA,eAAe,GAAG,KAAK;EAC5D,CAAC,CAAC,MAAM;IACJ,OAAO,KAAK;EAChB;AACJ,CAAC;AAED,OAAO,MAAMG,kBAAkB,GAC3BJ,gBAAqC,IACF;EACnC,IAAI,CAACA,gBAAgB,EAAE;IACnB,OAAO,KAAK;EAChB;EAEA,IAAI;IACA,MAAMK,IAAI,GAAGH,IAAI,CAACC,KAAK,CAACH,gBAAgB,CAAC;IACzC,OAAO,CAAC,CAACK,IAAI,CAAC,MAAM,CAAC;EACzB,CAAC,CAAC,MAAM;IACJ,OAAO,KAAK;EAChB;AACJ,CAAC","ignoreList":[]}

package/utils/point.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 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.
+ *
+ */
+export declare class Point {
+    private readonly _x;
+    private readonly _y;
+    constructor(x: number, y: number);
+    get x(): number;
+    get y(): number;
+    equals({ x, y }: Point): boolean;
+    calcDeltaXTo({ x }: Point): number;
+    calcDeltaYTo({ y }: Point): number;
+    calcHorizontalDistanceTo(point: Point): number;
+    calcVerticalDistance(point: Point): number;
+    calcDistanceTo(point: Point): number;
+}
+export declare function isPoint(x: unknown): x is Point;

package/utils/point.js

@@ -0,0 +1,49 @@
+/**
+ * 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.
+ *
+ */
+export class Point {
+  constructor(x, y) {
+    this._x = x;
+    this._y = y;
+  }
+  get x() {
+    return this._x;
+  }
+  get y() {
+    return this._y;
+  }
+  equals({
+    x,
+    y
+  }) {
+    return this.x === x && this.y === y;
+  }
+  calcDeltaXTo({
+    x
+  }) {
+    return this.x - x;
+  }
+  calcDeltaYTo({
+    y
+  }) {
+    return this.y - y;
+  }
+  calcHorizontalDistanceTo(point) {
+    return Math.abs(this.calcDeltaXTo(point));
+  }
+  calcVerticalDistance(point) {
+    return Math.abs(this.calcDeltaYTo(point));
+  }
+  calcDistanceTo(point) {
+    return Math.sqrt(Math.pow(this.calcDeltaXTo(point), 2) + Math.pow(this.calcDeltaYTo(point), 2));
+  }
+}
+export function isPoint(x) {
+  return x instanceof Point;
+}
+
+//# sourceMappingURL=point.js.map

package/utils/point.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Point","constructor","x","y","_x","_y","equals","calcDeltaXTo","calcDeltaYTo","calcHorizontalDistanceTo","point","Math","abs","calcVerticalDistance","calcDistanceTo","sqrt","pow","isPoint"],"sources":["point.ts"],"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 */\nexport class Point {\n    private readonly _x: number;\n    private readonly _y: number;\n\n    constructor(x: number, y: number) {\n        this._x = x;\n        this._y = y;\n    }\n\n    get x(): number {\n        return this._x;\n    }\n\n    get y(): number {\n        return this._y;\n    }\n\n    public equals({ x, y }: Point): boolean {\n        return this.x === x && this.y === y;\n    }\n\n    public calcDeltaXTo({ x }: Point): number {\n        return this.x - x;\n    }\n\n    public calcDeltaYTo({ y }: Point): number {\n        return this.y - y;\n    }\n\n    public calcHorizontalDistanceTo(point: Point): number {\n        return Math.abs(this.calcDeltaXTo(point));\n    }\n\n    public calcVerticalDistance(point: Point): number {\n        return Math.abs(this.calcDeltaYTo(point));\n    }\n\n    public calcDistanceTo(point: Point): number {\n        return Math.sqrt(\n            Math.pow(this.calcDeltaXTo(point), 2) + Math.pow(this.calcDeltaYTo(point), 2)\n        );\n    }\n}\n\nexport function isPoint(x: unknown): x is Point {\n    return x instanceof Point;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,KAAK,CAAC;EAIfC,WAAWA,CAACC,CAAS,EAAEC,CAAS,EAAE;IAC9B,IAAI,CAACC,EAAE,GAAGF,CAAC;IACX,IAAI,CAACG,EAAE,GAAGF,CAAC;EACf;EAEA,IAAID,CAACA,CAAA,EAAW;IACZ,OAAO,IAAI,CAACE,EAAE;EAClB;EAEA,IAAID,CAACA,CAAA,EAAW;IACZ,OAAO,IAAI,CAACE,EAAE;EAClB;EAEOC,MAAMA,CAAC;IAAEJ,CAAC;IAAEC;EAAS,CAAC,EAAW;IACpC,OAAO,IAAI,CAACD,CAAC,KAAKA,CAAC,IAAI,IAAI,CAACC,CAAC,KAAKA,CAAC;EACvC;EAEOI,YAAYA,CAAC;IAAEL;EAAS,CAAC,EAAU;IACtC,OAAO,IAAI,CAACA,CAAC,GAAGA,CAAC;EACrB;EAEOM,YAAYA,CAAC;IAAEL;EAAS,CAAC,EAAU;IACtC,OAAO,IAAI,CAACA,CAAC,GAAGA,CAAC;EACrB;EAEOM,wBAAwBA,CAACC,KAAY,EAAU;IAClD,OAAOC,IAAI,CAACC,GAAG,CAAC,IAAI,CAACL,YAAY,CAACG,KAAK,CAAC,CAAC;EAC7C;EAEOG,oBAAoBA,CAACH,KAAY,EAAU;IAC9C,OAAOC,IAAI,CAACC,GAAG,CAAC,IAAI,CAACJ,YAAY,CAACE,KAAK,CAAC,CAAC;EAC7C;EAEOI,cAAcA,CAACJ,KAAY,EAAU;IACxC,OAAOC,IAAI,CAACI,IAAI,CACZJ,IAAI,CAACK,GAAG,CAAC,IAAI,CAACT,YAAY,CAACG,KAAK,CAAC,EAAE,CAAC,CAAC,GAAGC,IAAI,CAACK,GAAG,CAAC,IAAI,CAACR,YAAY,CAACE,KAAK,CAAC,EAAE,CAAC,CAChF,CAAC;EACL;AACJ;AAEA,OAAO,SAASO,OAAOA,CAACf,CAAU,EAAc;EAC5C,OAAOA,CAAC,YAAYF,KAAK;AAC7B","ignoreList":[]}

package/utils/rect.d.ts

@@ -0,0 +1,45 @@
+/**
+ * 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 { Point } from "./point";
+type ContainsPointReturn = {
+    result: boolean;
+    reason: {
+        isOnTopSide: boolean;
+        isOnBottomSide: boolean;
+        isOnLeftSide: boolean;
+        isOnRightSide: boolean;
+    };
+};
+export declare class Rect {
+    private readonly _left;
+    private readonly _top;
+    private readonly _right;
+    private readonly _bottom;
+    constructor(left: number, top: number, right: number, bottom: number);
+    get top(): number;
+    get right(): number;
+    get bottom(): number;
+    get left(): number;
+    get width(): number;
+    get height(): number;
+    equals({ top, left, bottom, right }: Rect): boolean;
+    contains({ x, y }: Point): ContainsPointReturn;
+    contains({ top, left, bottom, right }: Rect): boolean;
+    intersectsWith(rect: Rect): boolean;
+    generateNewRect({ left, top, right, bottom }: {
+        left?: number | undefined;
+        top?: number | undefined;
+        right?: number | undefined;
+        bottom?: number | undefined;
+    }): Rect;
+    static fromLTRB(left: number, top: number, right: number, bottom: number): Rect;
+    static fromLWTH(left: number, width: number, top: number, height: number): Rect;
+    static fromPoints(startPoint: Point, endPoint: Point): Rect;
+    static fromDOM(dom: HTMLElement): Rect;
+}
+export {};

package/utils/rect.js

@@ -0,0 +1,130 @@
+/**
+ * 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 { isPoint } from "./point";
+export class Rect {
+  constructor(left, top, right, bottom) {
+    const [physicTop, physicBottom] = top <= bottom ? [top, bottom] : [bottom, top];
+    const [physicLeft, physicRight] = left <= right ? [left, right] : [right, left];
+    this._top = physicTop;
+    this._right = physicRight;
+    this._left = physicLeft;
+    this._bottom = physicBottom;
+  }
+  get top() {
+    return this._top;
+  }
+  get right() {
+    return this._right;
+  }
+  get bottom() {
+    return this._bottom;
+  }
+  get left() {
+    return this._left;
+  }
+  get width() {
+    return Math.abs(this._left - this._right);
+  }
+  get height() {
+    return Math.abs(this._bottom - this._top);
+  }
+  equals({
+    top,
+    left,
+    bottom,
+    right
+  }) {
+    return top === this._top && bottom === this._bottom && left === this._left && right === this._right;
+  }
+  contains(target) {
+    if (isPoint(target)) {
+      const {
+        x,
+        y
+      } = target;
+      const isOnTopSide = y < this._top;
+      const isOnBottomSide = y > this._bottom;
+      const isOnLeftSide = x < this._left;
+      const isOnRightSide = x > this._right;
+      const result = !isOnTopSide && !isOnBottomSide && !isOnLeftSide && !isOnRightSide;
+      return {
+        reason: {
+          isOnBottomSide,
+          isOnLeftSide,
+          isOnRightSide,
+          isOnTopSide
+        },
+        result
+      };
+    } else {
+      const {
+        top,
+        left,
+        bottom,
+        right
+      } = target;
+      return top >= this._top && top <= this._bottom && bottom >= this._top && bottom <= this._bottom && left >= this._left && left <= this._right && right >= this._left && right <= this._right;
+    }
+  }
+  intersectsWith(rect) {
+    const {
+      left: x1,
+      top: y1,
+      width: w1,
+      height: h1
+    } = rect;
+    const {
+      left: x2,
+      top: y2,
+      width: w2,
+      height: h2
+    } = this;
+    const maxX = x1 + w1 >= x2 + w2 ? x1 + w1 : x2 + w2;
+    const maxY = y1 + h1 >= y2 + h2 ? y1 + h1 : y2 + h2;
+    const minX = x1 <= x2 ? x1 : x2;
+    const minY = y1 <= y2 ? y1 : y2;
+    return maxX - minX <= w1 + w2 && maxY - minY <= h1 + h2;
+  }
+  generateNewRect({
+    left = this.left,
+    top = this.top,
+    right = this.right,
+    bottom = this.bottom
+  }) {
+    return new Rect(left, top, right, bottom);
+  }
+  static fromLTRB(left, top, right, bottom) {
+    return new Rect(left, top, right, bottom);
+  }
+  static fromLWTH(left, width, top, height) {
+    return new Rect(left, top, left + width, top + height);
+  }
+  static fromPoints(startPoint, endPoint) {
+    const {
+      y: top,
+      x: left
+    } = startPoint;
+    const {
+      y: bottom,
+      x: right
+    } = endPoint;
+    return Rect.fromLTRB(left, top, right, bottom);
+  }
+  static fromDOM(dom) {
+    const {
+      top,
+      width,
+      left,
+      height
+    } = dom.getBoundingClientRect();
+    return Rect.fromLWTH(left, width, top, height);
+  }
+}
+
+//# sourceMappingURL=rect.js.map