@webiny/lexical-editor 0.0.0-unstable.085ff6572f

package/utils/nodes/formatToParagraph.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatToParagraph = void 0;
+var _lexical = require("lexical");
+var _ParagraphNode = require("../../nodes/ParagraphNode");
+var _selection = require("@lexical/selection");
+var formatToParagraph = function formatToParagraph(editor, typographyStyleId) {
+  editor.update(function () {
+    var selection = (0, _lexical.$getSelection)();
+    if ((0, _lexical.$isRangeSelection)(selection) || (0, _lexical.DEPRECATED_$isGridSelection)(selection)) {
+      (0, _selection.$setBlocksType)(selection, function () {
+        return (0, _ParagraphNode.$createParagraphNode)(typographyStyleId);
+      });
+    }
+  });
+};
+exports.formatToParagraph = formatToParagraph;

package/utils/nodes/formatToParagraph.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatToParagraph","editor","typographyStyleId","update","selection","$getSelection","$isRangeSelection","DEPRECATED_$isGridSelection","$setBlocksType","$createParagraphNode"],"sources":["formatToParagraph.ts"],"sourcesContent":["import {\n    $getSelection,\n    $isRangeSelection,\n    DEPRECATED_$isGridSelection,\n    LexicalEditor\n} from \"lexical\";\nimport { $createParagraphNode } from \"~/nodes/ParagraphNode\";\nimport { $setBlocksType } from \"@lexical/selection\";\n\nexport const formatToParagraph = (editor: LexicalEditor, typographyStyleId?: string) => {\n    editor.update(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection) || DEPRECATED_$isGridSelection(selection)) {\n            $setBlocksType(selection, () => $createParagraphNode(typographyStyleId));\n        }\n    });\n};\n"],"mappings":";;;;;;AAAA;AAMA;AACA;AAEO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,MAAqB,EAAEC,iBAA0B,EAAK;EACpFD,MAAM,CAACE,MAAM,CAAC,YAAM;IAChB,IAAMC,SAAS,GAAG,IAAAC,sBAAa,GAAE;IACjC,IAAI,IAAAC,0BAAiB,EAACF,SAAS,CAAC,IAAI,IAAAG,oCAA2B,EAACH,SAAS,CAAC,EAAE;MACxE,IAAAI,yBAAc,EAACJ,SAAS,EAAE;QAAA,OAAM,IAAAK,mCAAoB,EAACP,iBAAiB,CAAC;MAAA,EAAC;IAC5E;EACJ,CAAC,CAAC;AACN,CAAC;AAAC"}

package/utils/nodes/formatToQuote.d.ts

@@ -0,0 +1,2 @@
+import { LexicalEditor } from "lexical";
+export declare const formatToQuote: (editor: LexicalEditor, themeStyleId?: string) => void;

package/utils/nodes/formatToQuote.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatToQuote = void 0;
+var _lexical = require("lexical");
+var _selection = require("@lexical/selection");
+var _QuoteNode = require("../../nodes/QuoteNode");
+/*
+ * Will change the selected root HTML tag to specified quoteblock tag.
+ * For example if the selection is paragraph <p> with content inside after formatting the root tag
+ * will be quoteblock with same content inside.
+ * */
+var formatToQuote = function formatToQuote(editor, themeStyleId) {
+  editor.update(function () {
+    var selection = (0, _lexical.$getSelection)();
+    if ((0, _lexical.$isRangeSelection)(selection) || (0, _lexical.DEPRECATED_$isGridSelection)(selection)) {
+      (0, _selection.$setBlocksType)(selection, function () {
+        return (0, _QuoteNode.$createQuoteNode)(themeStyleId);
+      });
+    }
+  });
+};
+exports.formatToQuote = formatToQuote;

package/utils/nodes/formatToQuote.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatToQuote","editor","themeStyleId","update","selection","$getSelection","$isRangeSelection","DEPRECATED_$isGridSelection","$setBlocksType","$createQuoteNode"],"sources":["formatToQuote.ts"],"sourcesContent":["import {\n    $getSelection,\n    $isRangeSelection,\n    DEPRECATED_$isGridSelection,\n    LexicalEditor\n} from \"lexical\";\nimport { $setBlocksType } from \"@lexical/selection\";\nimport { $createQuoteNode } from \"~/nodes/QuoteNode\";\n\n/*\n * Will change the selected root HTML tag to specified quoteblock tag.\n * For example if the selection is paragraph <p> with content inside after formatting the root tag\n * will be quoteblock with same content inside.\n * */\nexport const formatToQuote = (editor: LexicalEditor, themeStyleId?: string) => {\n    editor.update(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection) || DEPRECATED_$isGridSelection(selection)) {\n            $setBlocksType(selection, () => $createQuoteNode(themeStyleId));\n        }\n    });\n};\n"],"mappings":";;;;;;AAAA;AAMA;AACA;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAAIC,MAAqB,EAAEC,YAAqB,EAAK;EAC3ED,MAAM,CAACE,MAAM,CAAC,YAAM;IAChB,IAAMC,SAAS,GAAG,IAAAC,sBAAa,GAAE;IACjC,IAAI,IAAAC,0BAAiB,EAACF,SAAS,CAAC,IAAI,IAAAG,oCAA2B,EAACH,SAAS,CAAC,EAAE;MACxE,IAAAI,yBAAc,EAACJ,SAAS,EAAE;QAAA,OAAM,IAAAK,2BAAgB,EAACP,YAAY,CAAC;MAAA,EAAC;IACnE;EACJ,CAAC,CAAC;AACN,CAAC;AAAC"}

package/utils/nodes/listNode.d.ts

@@ -0,0 +1,11 @@
+import type { LexicalNode } from "lexical";
+import { ListNode } from "../../nodes/ListNode";
+import { ListItemNode } from "../../nodes/ListItemNode";
+export declare function $getListDepth(listNode: ListNode): number;
+export declare function $getTopListNode(listItem: LexicalNode): ListNode;
+export declare function $getAllListItems(node: ListNode): Array<ListItemNode>;
+export declare function isNestedListNode(node: LexicalNode | null | undefined): boolean;
+export declare function findNearestWebinyListItemNode(node: LexicalNode): ListItemNode | null;
+export declare function getUniqueWebinyListItemNodes(nodeList: Array<LexicalNode>): Array<ListItemNode>;
+export declare function $removeHighestEmptyListParent(sublist: ListItemNode | ListNode): void;
+export declare function wrapInListItem(node: LexicalNode): ListItemNode;

package/utils/nodes/listNode.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.$getAllListItems = $getAllListItems;
+exports.$getListDepth = $getListDepth;
+exports.$getTopListNode = $getTopListNode;
+exports.$removeHighestEmptyListParent = $removeHighestEmptyListParent;
+exports.findNearestWebinyListItemNode = findNearestWebinyListItemNode;
+exports.getUniqueWebinyListItemNodes = getUniqueWebinyListItemNodes;
+exports.isNestedListNode = isNestedListNode;
+exports.wrapInListItem = wrapInListItem;
+var _ListNode = require("../../nodes/ListNode");
+var _ListItemNode = require("../../nodes/ListItemNode");
+function $getListDepth(listNode) {
+  var depth = 1;
+  var parent = listNode.getParent();
+  while (parent !== null) {
+    if ((0, _ListItemNode.$isListItemNode)(parent)) {
+      var parentList = parent.getParent();
+      if ((0, _ListNode.$isListNode)(parentList)) {
+        depth++;
+        parent = (parentList === null || parentList === void 0 ? void 0 : parentList.getParent()) || null;
+        continue;
+      }
+      console.log("A WebinyListItemNode must have a WebinyListNode for a parent.");
+    }
+    return depth;
+  }
+  return depth;
+}
+function $getTopListNode(listItem) {
+  var list = listItem.getParent();
+  if (!(0, _ListNode.$isListNode)(list)) {
+    console.log("A WebinyListItemNode must have a ListNode for a parent.");
+    return listItem;
+  }
+  var parent = list;
+  while (parent !== null) {
+    parent = parent.getParent();
+    if ((0, _ListNode.$isListNode)(parent)) {
+      list = parent;
+    }
+  }
+  return list;
+}
+function $getAllListItems(node) {
+  var listItemNodes = [];
+  var listChildren = node.getChildren().filter(_ListItemNode.$isListItemNode);
+  for (var i = 0; i < listChildren.length; i++) {
+    var listItemNode = listChildren[i];
+    var firstChild = listItemNode === null || listItemNode === void 0 ? void 0 : listItemNode.getFirstChild();
+    if ((0, _ListNode.$isListNode)(firstChild)) {
+      listItemNodes = listItemNodes.concat($getAllListItems(firstChild));
+    } else {
+      listItemNodes.push(listItemNode);
+    }
+  }
+  return listItemNodes;
+}
+function isNestedListNode(node) {
+  return (0, _ListItemNode.$isListItemNode)(node) && (0, _ListNode.$isListNode)(node === null || node === void 0 ? void 0 : node.getFirstChild());
+}
+
+// TODO: rewrite with $findMatchingParent or *nodeOfType
+function findNearestWebinyListItemNode(node) {
+  var currentNode = node;
+  while (currentNode !== null) {
+    if ((0, _ListItemNode.$isListItemNode)(currentNode)) {
+      return currentNode;
+    }
+    currentNode = currentNode.getParent();
+  }
+  return null;
+}
+function getUniqueWebinyListItemNodes(nodeList) {
+  var keys = new Set();
+  for (var i = 0; i < nodeList.length; i++) {
+    var node = nodeList[i];
+    if ((0, _ListItemNode.$isListItemNode)(node)) {
+      keys.add(node);
+    }
+  }
+  return Array.from(keys);
+}
+function $removeHighestEmptyListParent(sublist) {
+  // Nodes may be repeatedly indented, to create deeply nested lists that each
+  // contain just one bullet.
+  // Our goal is to remove these (empty) deeply nested lists. The easiest
+  // way to do that is crawl back up the tree until we find a node that has siblings
+  // (e.g. is actually part of the list contents) and delete that, or delete
+  // the root of the list (if no list nodes have siblings.)
+  var emptyListPtr = sublist;
+  while (emptyListPtr.getNextSibling() == null && emptyListPtr.getPreviousSibling() == null) {
+    var parent = emptyListPtr.getParent();
+    if (parent == null || !((0, _ListItemNode.$isListItemNode)(emptyListPtr) || (0, _ListNode.$isListNode)(emptyListPtr))) {
+      break;
+    }
+    emptyListPtr = parent;
+  }
+  emptyListPtr.remove();
+}
+function wrapInListItem(node) {
+  var listItemWrapper = (0, _ListItemNode.$createListItemNode)();
+  return listItemWrapper.append(node);
+}

package/utils/nodes/listNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["$getListDepth","listNode","depth","parent","getParent","$isListItemNode","parentList","$isListNode","console","log","$getTopListNode","listItem","list","$getAllListItems","node","listItemNodes","listChildren","getChildren","filter","i","length","listItemNode","firstChild","getFirstChild","concat","push","isNestedListNode","findNearestWebinyListItemNode","currentNode","getUniqueWebinyListItemNodes","nodeList","keys","Set","add","Array","from","$removeHighestEmptyListParent","sublist","emptyListPtr","getNextSibling","getPreviousSibling","remove","wrapInListItem","listItemWrapper","$createListItemNode","append"],"sources":["listNode.ts"],"sourcesContent":["import type { LexicalNode } from \"lexical\";\n\nimport { $isListNode, ListNode } from \"~/nodes/ListNode\";\nimport { $createListItemNode, $isListItemNode, ListItemNode } from \"~/nodes/ListItemNode\";\n\nexport function $getListDepth(listNode: ListNode): number {\n    let depth = 1;\n    let parent = listNode.getParent();\n\n    while (parent !== null) {\n        if ($isListItemNode(parent)) {\n            const parentList = parent.getParent();\n\n            if ($isListNode(parentList)) {\n                depth++;\n                parent = parentList?.getParent() || null;\n                continue;\n            }\n            console.log(\"A WebinyListItemNode must have a WebinyListNode for a parent.\");\n        }\n\n        return depth;\n    }\n\n    return depth;\n}\n\nexport function $getTopListNode(listItem: LexicalNode): ListNode {\n    let list = listItem.getParent<ListNode>();\n\n    if (!$isListNode(list)) {\n        console.log(\"A WebinyListItemNode must have a ListNode for a parent.\");\n        return listItem as ListNode;\n    }\n\n    let parent: ListNode | null = list;\n\n    while (parent !== null) {\n        parent = parent.getParent();\n\n        if ($isListNode(parent)) {\n            list = parent;\n        }\n    }\n\n    return list;\n}\n\nexport function $getAllListItems(node: ListNode): Array<ListItemNode> {\n    let listItemNodes: Array<ListItemNode> = [];\n    const listChildren: Array<ListItemNode> = node.getChildren().filter($isListItemNode);\n\n    for (let i = 0; i < listChildren.length; i++) {\n        const listItemNode = listChildren[i];\n        const firstChild = listItemNode?.getFirstChild();\n\n        if ($isListNode(firstChild)) {\n            listItemNodes = listItemNodes.concat($getAllListItems(firstChild));\n        } else {\n            listItemNodes.push(listItemNode);\n        }\n    }\n\n    return listItemNodes;\n}\n\nexport function isNestedListNode(node: LexicalNode | null | undefined): boolean {\n    return $isListItemNode(node) && $isListNode(node?.getFirstChild());\n}\n\n// TODO: rewrite with $findMatchingParent or *nodeOfType\nexport function findNearestWebinyListItemNode(node: LexicalNode): ListItemNode | null {\n    let currentNode: LexicalNode | null = node;\n\n    while (currentNode !== null) {\n        if ($isListItemNode(currentNode)) {\n            return currentNode;\n        }\n        currentNode = currentNode.getParent();\n    }\n\n    return null;\n}\n\nexport function getUniqueWebinyListItemNodes(nodeList: Array<LexicalNode>): Array<ListItemNode> {\n    const keys = new Set<ListItemNode>();\n\n    for (let i = 0; i < nodeList.length; i++) {\n        const node = nodeList[i];\n\n        if ($isListItemNode(node)) {\n            keys.add(node);\n        }\n    }\n\n    return Array.from(keys);\n}\n\nexport function $removeHighestEmptyListParent(sublist: ListItemNode | ListNode) {\n    // Nodes may be repeatedly indented, to create deeply nested lists that each\n    // contain just one bullet.\n    // Our goal is to remove these (empty) deeply nested lists. The easiest\n    // way to do that is crawl back up the tree until we find a node that has siblings\n    // (e.g. is actually part of the list contents) and delete that, or delete\n    // the root of the list (if no list nodes have siblings.)\n    let emptyListPtr = sublist;\n\n    while (emptyListPtr.getNextSibling() == null && emptyListPtr.getPreviousSibling() == null) {\n        const parent = emptyListPtr.getParent<ListItemNode | ListNode>();\n\n        if (parent == null || !($isListItemNode(emptyListPtr) || $isListNode(emptyListPtr))) {\n            break;\n        }\n\n        emptyListPtr = parent;\n    }\n\n    emptyListPtr.remove();\n}\n\nexport function wrapInListItem(node: LexicalNode): ListItemNode {\n    const listItemWrapper = $createListItemNode();\n    return listItemWrapper.append(node);\n}\n"],"mappings":"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"}

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,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Point = void 0;
+exports.isPoint = isPoint;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+/**
+ * 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.
+ *
+ */
+var Point = /*#__PURE__*/function () {
+  function Point(x, y) {
+    (0, _classCallCheck2.default)(this, Point);
+    (0, _defineProperty2.default)(this, "_x", void 0);
+    (0, _defineProperty2.default)(this, "_y", void 0);
+    this._x = x;
+    this._y = y;
+  }
+  (0, _createClass2.default)(Point, [{
+    key: "x",
+    get: function get() {
+      return this._x;
+    }
+  }, {
+    key: "y",
+    get: function get() {
+      return this._y;
+    }
+  }, {
+    key: "equals",
+    value: function equals(_ref) {
+      var x = _ref.x,
+        y = _ref.y;
+      return this.x === x && this.y === y;
+    }
+  }, {
+    key: "calcDeltaXTo",
+    value: function calcDeltaXTo(_ref2) {
+      var x = _ref2.x;
+      return this.x - x;
+    }
+  }, {
+    key: "calcDeltaYTo",
+    value: function calcDeltaYTo(_ref3) {
+      var y = _ref3.y;
+      return this.y - y;
+    }
+  }, {
+    key: "calcHorizontalDistanceTo",
+    value: function calcHorizontalDistanceTo(point) {
+      return Math.abs(this.calcDeltaXTo(point));
+    }
+  }, {
+    key: "calcVerticalDistance",
+    value: function calcVerticalDistance(point) {
+      return Math.abs(this.calcDeltaYTo(point));
+    }
+  }, {
+    key: "calcDistanceTo",
+    value: function calcDistanceTo(point) {
+      return Math.sqrt(Math.pow(this.calcDeltaXTo(point), 2) + Math.pow(this.calcDeltaYTo(point), 2));
+    }
+  }]);
+  return Point;
+}();
+exports.Point = Point;
+function isPoint(x) {
+  return x instanceof Point;
+}

package/utils/point.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Point","x","y","_x","_y","point","Math","abs","calcDeltaXTo","calcDeltaYTo","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;AANA,IAOaA,KAAK;EAId,eAAYC,CAAS,EAAEC,CAAS,EAAE;IAAA;IAAA;IAAA;IAC9B,IAAI,CAACC,EAAE,GAAGF,CAAC;IACX,IAAI,CAACG,EAAE,GAAGF,CAAC;EACf;EAAC;IAAA;IAAA,KAED,eAAgB;MACZ,OAAO,IAAI,CAACC,EAAE;IAClB;EAAC;IAAA;IAAA,KAED,eAAgB;MACZ,OAAO,IAAI,CAACC,EAAE;IAClB;EAAC;IAAA;IAAA,OAED,sBAAwC;MAAA,IAAxBH,CAAC,QAADA,CAAC;QAAEC,CAAC,QAADA,CAAC;MAChB,OAAO,IAAI,CAACD,CAAC,KAAKA,CAAC,IAAI,IAAI,CAACC,CAAC,KAAKA,CAAC;IACvC;EAAC;IAAA;IAAA,OAED,6BAA0C;MAAA,IAApBD,CAAC,SAADA,CAAC;MACnB,OAAO,IAAI,CAACA,CAAC,GAAGA,CAAC;IACrB;EAAC;IAAA;IAAA,OAED,6BAA0C;MAAA,IAApBC,CAAC,SAADA,CAAC;MACnB,OAAO,IAAI,CAACA,CAAC,GAAGA,CAAC;IACrB;EAAC;IAAA;IAAA,OAED,kCAAgCG,KAAY,EAAU;MAClD,OAAOC,IAAI,CAACC,GAAG,CAAC,IAAI,CAACC,YAAY,CAACH,KAAK,CAAC,CAAC;IAC7C;EAAC;IAAA;IAAA,OAED,8BAA4BA,KAAY,EAAU;MAC9C,OAAOC,IAAI,CAACC,GAAG,CAAC,IAAI,CAACE,YAAY,CAACJ,KAAK,CAAC,CAAC;IAC7C;EAAC;IAAA;IAAA,OAED,wBAAsBA,KAAY,EAAU;MACxC,OAAOC,IAAI,CAACI,IAAI,CACZJ,IAAI,CAACK,GAAG,CAAC,IAAI,CAACH,YAAY,CAACH,KAAK,CAAC,EAAE,CAAC,CAAC,GAAGC,IAAI,CAACK,GAAG,CAAC,IAAI,CAACF,YAAY,CAACJ,KAAK,CAAC,EAAE,CAAC,CAAC,CAChF;IACL;EAAC;EAAA;AAAA;AAAA;AAGE,SAASO,OAAO,CAACX,CAAU,EAAc;EAC5C,OAAOA,CAAC,YAAYD,KAAK;AAC7B"}

package/utils/rect.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+/// <reference types="web" />
+/**
+ * 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 { Point } from "./point";
+declare 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,169 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Rect = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _point = require("./point");
+/**
+ * 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.
+ *
+ */
+var Rect = /*#__PURE__*/function () {
+  function Rect(left, top, right, bottom) {
+    (0, _classCallCheck2.default)(this, Rect);
+    (0, _defineProperty2.default)(this, "_left", void 0);
+    (0, _defineProperty2.default)(this, "_top", void 0);
+    (0, _defineProperty2.default)(this, "_right", void 0);
+    (0, _defineProperty2.default)(this, "_bottom", void 0);
+    var _ref = top <= bottom ? [top, bottom] : [bottom, top],
+      _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+      physicTop = _ref2[0],
+      physicBottom = _ref2[1];
+    var _ref3 = left <= right ? [left, right] : [right, left],
+      _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+      physicLeft = _ref4[0],
+      physicRight = _ref4[1];
+    this._top = physicTop;
+    this._right = physicRight;
+    this._left = physicLeft;
+    this._bottom = physicBottom;
+  }
+  (0, _createClass2.default)(Rect, [{
+    key: "top",
+    get: function get() {
+      return this._top;
+    }
+  }, {
+    key: "right",
+    get: function get() {
+      return this._right;
+    }
+  }, {
+    key: "bottom",
+    get: function get() {
+      return this._bottom;
+    }
+  }, {
+    key: "left",
+    get: function get() {
+      return this._left;
+    }
+  }, {
+    key: "width",
+    get: function get() {
+      return Math.abs(this._left - this._right);
+    }
+  }, {
+    key: "height",
+    get: function get() {
+      return Math.abs(this._bottom - this._top);
+    }
+  }, {
+    key: "equals",
+    value: function equals(_ref5) {
+      var top = _ref5.top,
+        left = _ref5.left,
+        bottom = _ref5.bottom,
+        right = _ref5.right;
+      return top === this._top && bottom === this._bottom && left === this._left && right === this._right;
+    }
+  }, {
+    key: "contains",
+    value: function contains(target) {
+      if ((0, _point.isPoint)(target)) {
+        var x = target.x,
+          y = target.y;
+        var isOnTopSide = y < this._top;
+        var isOnBottomSide = y > this._bottom;
+        var isOnLeftSide = x < this._left;
+        var isOnRightSide = x > this._right;
+        var result = !isOnTopSide && !isOnBottomSide && !isOnLeftSide && !isOnRightSide;
+        return {
+          reason: {
+            isOnBottomSide: isOnBottomSide,
+            isOnLeftSide: isOnLeftSide,
+            isOnRightSide: isOnRightSide,
+            isOnTopSide: isOnTopSide
+          },
+          result: result
+        };
+      } else {
+        var top = target.top,
+          left = target.left,
+          bottom = target.bottom,
+          right = target.right;
+        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;
+      }
+    }
+  }, {
+    key: "intersectsWith",
+    value: function intersectsWith(rect) {
+      var x1 = rect.left,
+        y1 = rect.top,
+        w1 = rect.width,
+        h1 = rect.height;
+      var x2 = this.left,
+        y2 = this.top,
+        w2 = this.width,
+        h2 = this.height;
+      var maxX = x1 + w1 >= x2 + w2 ? x1 + w1 : x2 + w2;
+      var maxY = y1 + h1 >= y2 + h2 ? y1 + h1 : y2 + h2;
+      var minX = x1 <= x2 ? x1 : x2;
+      var minY = y1 <= y2 ? y1 : y2;
+      return maxX - minX <= w1 + w2 && maxY - minY <= h1 + h2;
+    }
+  }, {
+    key: "generateNewRect",
+    value: function generateNewRect(_ref6) {
+      var _ref6$left = _ref6.left,
+        left = _ref6$left === void 0 ? this.left : _ref6$left,
+        _ref6$top = _ref6.top,
+        top = _ref6$top === void 0 ? this.top : _ref6$top,
+        _ref6$right = _ref6.right,
+        right = _ref6$right === void 0 ? this.right : _ref6$right,
+        _ref6$bottom = _ref6.bottom,
+        bottom = _ref6$bottom === void 0 ? this.bottom : _ref6$bottom;
+      return new Rect(left, top, right, bottom);
+    }
+  }], [{
+    key: "fromLTRB",
+    value: function fromLTRB(left, top, right, bottom) {
+      return new Rect(left, top, right, bottom);
+    }
+  }, {
+    key: "fromLWTH",
+    value: function fromLWTH(left, width, top, height) {
+      return new Rect(left, top, left + width, top + height);
+    }
+  }, {
+    key: "fromPoints",
+    value: function fromPoints(startPoint, endPoint) {
+      var top = startPoint.y,
+        left = startPoint.x;
+      var bottom = endPoint.y,
+        right = endPoint.x;
+      return Rect.fromLTRB(left, top, right, bottom);
+    }
+  }, {
+    key: "fromDOM",
+    value: function fromDOM(dom) {
+      var _dom$getBoundingClien = dom.getBoundingClientRect(),
+        top = _dom$getBoundingClien.top,
+        width = _dom$getBoundingClien.width,
+        left = _dom$getBoundingClien.left,
+        height = _dom$getBoundingClien.height;
+      return Rect.fromLWTH(left, width, top, height);
+    }
+  }]);
+  return Rect;
+}();
+exports.Rect = Rect;

package/utils/rect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Rect","left","top","right","bottom","physicTop","physicBottom","physicLeft","physicRight","_top","_right","_left","_bottom","Math","abs","target","isPoint","x","y","isOnTopSide","isOnBottomSide","isOnLeftSide","isOnRightSide","result","reason","rect","x1","y1","w1","width","h1","height","x2","y2","w2","h2","maxX","maxY","minX","minY","startPoint","endPoint","fromLTRB","dom","getBoundingClientRect","fromLWTH"],"sources":["rect.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 { isPoint, Point } from \"./point\";\n\ntype ContainsPointReturn = {\n    result: boolean;\n    reason: {\n        isOnTopSide: boolean;\n        isOnBottomSide: boolean;\n        isOnLeftSide: boolean;\n        isOnRightSide: boolean;\n    };\n};\n\nexport class Rect {\n    private readonly _left: number;\n    private readonly _top: number;\n    private readonly _right: number;\n    private readonly _bottom: number;\n\n    constructor(left: number, top: number, right: number, bottom: number) {\n        const [physicTop, physicBottom] = top <= bottom ? [top, bottom] : [bottom, top];\n\n        const [physicLeft, physicRight] = left <= right ? [left, right] : [right, left];\n\n        this._top = physicTop;\n        this._right = physicRight;\n        this._left = physicLeft;\n        this._bottom = physicBottom;\n    }\n\n    get top(): number {\n        return this._top;\n    }\n\n    get right(): number {\n        return this._right;\n    }\n\n    get bottom(): number {\n        return this._bottom;\n    }\n\n    get left(): number {\n        return this._left;\n    }\n\n    get width(): number {\n        return Math.abs(this._left - this._right);\n    }\n\n    get height(): number {\n        return Math.abs(this._bottom - this._top);\n    }\n\n    public equals({ top, left, bottom, right }: Rect): boolean {\n        return (\n            top === this._top &&\n            bottom === this._bottom &&\n            left === this._left &&\n            right === this._right\n        );\n    }\n\n    public contains({ x, y }: Point): ContainsPointReturn;\n    public contains({ top, left, bottom, right }: Rect): boolean;\n    public contains(target: Point | Rect): boolean | ContainsPointReturn {\n        if (isPoint(target)) {\n            const { x, y } = target;\n\n            const isOnTopSide = y < this._top;\n            const isOnBottomSide = y > this._bottom;\n            const isOnLeftSide = x < this._left;\n            const isOnRightSide = x > this._right;\n\n            const result = !isOnTopSide && !isOnBottomSide && !isOnLeftSide && !isOnRightSide;\n\n            return {\n                reason: {\n                    isOnBottomSide,\n                    isOnLeftSide,\n                    isOnRightSide,\n                    isOnTopSide\n                },\n                result\n            };\n        } else {\n            const { top, left, bottom, right } = target;\n\n            return (\n                top >= this._top &&\n                top <= this._bottom &&\n                bottom >= this._top &&\n                bottom <= this._bottom &&\n                left >= this._left &&\n                left <= this._right &&\n                right >= this._left &&\n                right <= this._right\n            );\n        }\n    }\n\n    public intersectsWith(rect: Rect): boolean {\n        const { left: x1, top: y1, width: w1, height: h1 } = rect;\n        const { left: x2, top: y2, width: w2, height: h2 } = this;\n        const maxX = x1 + w1 >= x2 + w2 ? x1 + w1 : x2 + w2;\n        const maxY = y1 + h1 >= y2 + h2 ? y1 + h1 : y2 + h2;\n        const minX = x1 <= x2 ? x1 : x2;\n        const minY = y1 <= y2 ? y1 : y2;\n        return maxX - minX <= w1 + w2 && maxY - minY <= h1 + h2;\n    }\n\n    public generateNewRect({\n        left = this.left,\n        top = this.top,\n        right = this.right,\n        bottom = this.bottom\n    }): Rect {\n        return new Rect(left, top, right, bottom);\n    }\n\n    static fromLTRB(left: number, top: number, right: number, bottom: number): Rect {\n        return new Rect(left, top, right, bottom);\n    }\n\n    static fromLWTH(left: number, width: number, top: number, height: number): Rect {\n        return new Rect(left, top, left + width, top + height);\n    }\n\n    static fromPoints(startPoint: Point, endPoint: Point): Rect {\n        const { y: top, x: left } = startPoint;\n        const { y: bottom, x: right } = endPoint;\n        return Rect.fromLTRB(left, top, right, bottom);\n    }\n\n    static fromDOM(dom: HTMLElement): Rect {\n        const { top, width, left, height } = dom.getBoundingClientRect();\n        return Rect.fromLWTH(left, width, top, height);\n    }\n}\n"],"mappings":"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"}

package/utils/sanitizeUrl.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 const sanitizeUrl: (url: string) => string;

package/utils/sanitizeUrl.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sanitizeUrl = void 0;
+/**
+ * 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.
+ *
+ */
+
+var sanitizeUrl = function sanitizeUrl(url) {
+  /** A pattern that matches safe  URLs. */
+  var SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi;
+
+  /** A pattern that matches safe data URLs. */
+  var DATA_URL_PATTERN = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;
+  url = String(url).trim();
+  if (url.match(SAFE_URL_PATTERN) || url.match(DATA_URL_PATTERN)) {
+    return url;
+  }
+  return "https://";
+};
+exports.sanitizeUrl = sanitizeUrl;

package/utils/sanitizeUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sanitizeUrl","url","SAFE_URL_PATTERN","DATA_URL_PATTERN","String","trim","match"],"sources":["sanitizeUrl.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 */\n\nexport const sanitizeUrl = (url: string): string => {\n    /** A pattern that matches safe  URLs. */\n    const SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi;\n\n    /** A pattern that matches safe data URLs. */\n    const DATA_URL_PATTERN =\n        /^data:(?:image\\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\\/(?:mpeg|mp4|ogg|webm)|audio\\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;\n\n    url = String(url).trim();\n\n    if (url.match(SAFE_URL_PATTERN) || url.match(DATA_URL_PATTERN)) {\n        return url;\n    }\n\n    return `https://`;\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,GAAW,EAAa;EAChD;EACA,IAAMC,gBAAgB,GAAG,iEAAiE;;EAE1F;EACA,IAAMC,gBAAgB,GAClB,qIAAqI;EAEzIF,GAAG,GAAGG,MAAM,CAACH,GAAG,CAAC,CAACI,IAAI,EAAE;EAExB,IAAIJ,GAAG,CAACK,KAAK,CAACJ,gBAAgB,CAAC,IAAID,GAAG,CAACK,KAAK,CAACH,gBAAgB,CAAC,EAAE;IAC5D,OAAOF,GAAG;EACd;EAEA;AACJ,CAAC;AAAC"}

package/utils/setFloatingElemPosition.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="web" />
+/// <reference types="react" />
+export declare function setFloatingElemPosition(targetRect: ClientRect | null, floatingElem: HTMLElement, anchorElem: HTMLElement, verticalGap?: number, horizontalOffset?: number): void;

package/utils/setFloatingElemPosition.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setFloatingElemPosition = setFloatingElemPosition;
+/**
+ * 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.
+ *
+ */
+var VERTICAL_GAP = 10;
+var HORIZONTAL_OFFSET = 5;
+function setFloatingElemPosition(targetRect, floatingElem, anchorElem) {
+  var verticalGap = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : VERTICAL_GAP;
+  var horizontalOffset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : HORIZONTAL_OFFSET;
+  var scrollerElem = anchorElem.parentElement;
+  if (targetRect === null || !scrollerElem) {
+    floatingElem.style.opacity = "0";
+    floatingElem.style.transform = "translate(-10000px, -10000px)";
+    return;
+  }
+  var floatingElemRect = floatingElem.getBoundingClientRect();
+  var anchorElementRect = anchorElem.getBoundingClientRect();
+  var editorScrollerRect = scrollerElem.getBoundingClientRect();
+  var top = targetRect.top - floatingElemRect.height - verticalGap;
+  var left = targetRect.left - horizontalOffset;
+  if (top < editorScrollerRect.top) {
+    top += floatingElemRect.height + targetRect.height + verticalGap * 2;
+  }
+  if (left + floatingElemRect.width > editorScrollerRect.right) {
+    left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset;
+  }
+  top -= anchorElementRect.top;
+  left -= anchorElementRect.left;
+  floatingElem.style.opacity = "1";
+  floatingElem.style.transform = "translate(".concat(left, "px, ").concat(top, "px)");
+}

package/utils/setFloatingElemPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VERTICAL_GAP","HORIZONTAL_OFFSET","setFloatingElemPosition","targetRect","floatingElem","anchorElem","verticalGap","horizontalOffset","scrollerElem","parentElement","style","opacity","transform","floatingElemRect","getBoundingClientRect","anchorElementRect","editorScrollerRect","top","height","left","width","right"],"sources":["setFloatingElemPosition.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 */\nconst VERTICAL_GAP = 10;\nconst HORIZONTAL_OFFSET = 5;\n\nexport function setFloatingElemPosition(\n    targetRect: ClientRect | null,\n    floatingElem: HTMLElement,\n    anchorElem: HTMLElement,\n    verticalGap: number = VERTICAL_GAP,\n    horizontalOffset: number = HORIZONTAL_OFFSET\n): void {\n    const scrollerElem = anchorElem.parentElement;\n\n    if (targetRect === null || !scrollerElem) {\n        floatingElem.style.opacity = \"0\";\n        floatingElem.style.transform = \"translate(-10000px, -10000px)\";\n        return;\n    }\n\n    const floatingElemRect = floatingElem.getBoundingClientRect();\n    const anchorElementRect = anchorElem.getBoundingClientRect();\n    const editorScrollerRect = scrollerElem.getBoundingClientRect();\n\n    let top = targetRect.top - floatingElemRect.height - verticalGap;\n    let left = targetRect.left - horizontalOffset;\n\n    if (top < editorScrollerRect.top) {\n        top += floatingElemRect.height + targetRect.height + verticalGap * 2;\n    }\n\n    if (left + floatingElemRect.width > editorScrollerRect.right) {\n        left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset;\n    }\n\n    top -= anchorElementRect.top;\n    left -= anchorElementRect.left;\n\n    floatingElem.style.opacity = \"1\";\n    floatingElem.style.transform = `translate(${left}px, ${top}px)`;\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,YAAY,GAAG,EAAE;AACvB,IAAMC,iBAAiB,GAAG,CAAC;AAEpB,SAASC,uBAAuB,CACnCC,UAA6B,EAC7BC,YAAyB,EACzBC,UAAuB,EAGnB;EAAA,IAFJC,WAAmB,uEAAGN,YAAY;EAAA,IAClCO,gBAAwB,uEAAGN,iBAAiB;EAE5C,IAAMO,YAAY,GAAGH,UAAU,CAACI,aAAa;EAE7C,IAAIN,UAAU,KAAK,IAAI,IAAI,CAACK,YAAY,EAAE;IACtCJ,YAAY,CAACM,KAAK,CAACC,OAAO,GAAG,GAAG;IAChCP,YAAY,CAACM,KAAK,CAACE,SAAS,GAAG,+BAA+B;IAC9D;EACJ;EAEA,IAAMC,gBAAgB,GAAGT,YAAY,CAACU,qBAAqB,EAAE;EAC7D,IAAMC,iBAAiB,GAAGV,UAAU,CAACS,qBAAqB,EAAE;EAC5D,IAAME,kBAAkB,GAAGR,YAAY,CAACM,qBAAqB,EAAE;EAE/D,IAAIG,GAAG,GAAGd,UAAU,CAACc,GAAG,GAAGJ,gBAAgB,CAACK,MAAM,GAAGZ,WAAW;EAChE,IAAIa,IAAI,GAAGhB,UAAU,CAACgB,IAAI,GAAGZ,gBAAgB;EAE7C,IAAIU,GAAG,GAAGD,kBAAkB,CAACC,GAAG,EAAE;IAC9BA,GAAG,IAAIJ,gBAAgB,CAACK,MAAM,GAAGf,UAAU,CAACe,MAAM,GAAGZ,WAAW,GAAG,CAAC;EACxE;EAEA,IAAIa,IAAI,GAAGN,gBAAgB,CAACO,KAAK,GAAGJ,kBAAkB,CAACK,KAAK,EAAE;IAC1DF,IAAI,GAAGH,kBAAkB,CAACK,KAAK,GAAGR,gBAAgB,CAACO,KAAK,GAAGb,gBAAgB;EAC/E;EAEAU,GAAG,IAAIF,iBAAiB,CAACE,GAAG;EAC5BE,IAAI,IAAIJ,iBAAiB,CAACI,IAAI;EAE9Bf,YAAY,CAACM,KAAK,CAACC,OAAO,GAAG,GAAG;EAChCP,YAAY,CAACM,KAAK,CAACE,SAAS,uBAAgBO,IAAI,iBAAOF,GAAG,QAAK;AACnE"}

package/utils/styleObjectToString.d.ts

@@ -0,0 +1,2 @@
+import { CSSObject } from "@emotion/react";
+export declare const styleObjectToString: (styleObject: CSSObject) => string;