@webiny/lexical-editor 5.44.1-beta.1 → 5.45.0-beta.0

package/utils/rect.js

@@ -1,14 +1,3 @@
-"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 _point = require("./point");
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -16,149 +5,126 @@ var _point = require("./point");
  * LICENSE file in the root directory of this source tree.
  *
  */
-var Rect = exports.Rect = /*#__PURE__*/function () {
-  function Rect(left, top, right, bottom) {
-    (0, _classCallCheck2.default)(this, Rect);
-    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];
+
+import { isPoint } from "./point.js";
+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;
   }
-  return (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);
+  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

package/utils/rect.js.map

@@ -1 +1 @@
-{"version":3,"names":["_point","require","Rect","exports","left","top","right","bottom","_classCallCheck2","default","_ref","_ref2","_slicedToArray2","physicTop","physicBottom","_ref3","_ref4","physicLeft","physicRight","_top","_right","_left","_bottom","_createClass2","key","get","Math","abs","value","equals","_ref5","contains","target","isPoint","x","y","isOnTopSide","isOnBottomSide","isOnLeftSide","isOnRightSide","result","reason","intersectsWith","rect","x1","y1","w1","width","h1","height","x2","y2","w2","h2","maxX","maxY","minX","minY","generateNewRect","_ref6","_ref6$left","_ref6$top","_ref6$right","_ref6$bottom","fromLTRB","fromLWTH","fromPoints","startPoint","endPoint","fromDOM","dom","_dom$getBoundingClien","getBoundingClientRect"],"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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","ignoreList":[]}
+{"version":3,"names":["isPoint","Rect","constructor","left","top","right","bottom","physicTop","physicBottom","physicLeft","physicRight","_top","_right","_left","_bottom","width","Math","abs","height","equals","contains","target","x","y","isOnTopSide","isOnBottomSide","isOnLeftSide","isOnRightSide","result","reason","intersectsWith","rect","x1","y1","w1","h1","x2","y2","w2","h2","maxX","maxY","minX","minY","generateNewRect","fromLTRB","fromLWTH","fromPoints","startPoint","endPoint","fromDOM","dom","getBoundingClientRect"],"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 type { Point } from \"./point.js\";\nimport { isPoint } from \"./point.js\";\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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","ignoreList":[]}

package/utils/sanitizeUrl.js

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.sanitizeUrl = void 0;
-var _isAnchorLink = require("./isAnchorLink");
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -12,21 +5,21 @@ var _isAnchorLink = require("./isAnchorLink");
  * LICENSE file in the root directory of this source tree.
  *
  */
-
-var sanitizeUrl = exports.sanitizeUrl = function sanitizeUrl(url) {
+import { isAnchorLink } from "./isAnchorLink.js";
+export const sanitizeUrl = url => {
   /** A pattern that matches safe  URLs. */
-  var SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi;
+  const 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;
+  const 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 ((0, _isAnchorLink.isAnchorLink)(url)) {
+  if (isAnchorLink(url)) {
     return url;
   }
   if (url.match(SAFE_URL_PATTERN) || url.match(DATA_URL_PATTERN)) {
     return url;
   }
-  return "https://";
+  return `https://`;
 };
 
 //# sourceMappingURL=sanitizeUrl.js.map

package/utils/sanitizeUrl.js.map

@@ -1 +1 @@
-{"version":3,"names":["_isAnchorLink","require","sanitizeUrl","exports","url","SAFE_URL_PATTERN","DATA_URL_PATTERN","String","trim","isAnchorLink","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 */\nimport { isAnchorLink } from \"~/utils/isAnchorLink\";\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 (isAnchorLink(url)) {\n        return url;\n    }\n\n    if (url.match(SAFE_URL_PATTERN) || url.match(DATA_URL_PATTERN)) {\n        return url;\n    }\n\n    return `https://`;\n};\n"],"mappings":";;;;;;AAOA,IAAAA,aAAA,GAAAC,OAAA;AAPA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,GAAW,EAAa;EAChD;EACA,IAAMC,gBAAgB,GAAG,iEAAiE;;EAE1F;EACA,IAAMC,gBAAgB,GAClB,qIAAqI;EAEzIF,GAAG,GAAGG,MAAM,CAACH,GAAG,CAAC,CAACI,IAAI,CAAC,CAAC;EAExB,IAAI,IAAAC,0BAAY,EAACL,GAAG,CAAC,EAAE;IACnB,OAAOA,GAAG;EACd;EAEA,IAAIA,GAAG,CAACM,KAAK,CAACL,gBAAgB,CAAC,IAAID,GAAG,CAACM,KAAK,CAACJ,gBAAgB,CAAC,EAAE;IAC5D,OAAOF,GAAG;EACd;EAEA;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["isAnchorLink","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 */\nimport { isAnchorLink } from \"~/utils/isAnchorLink.js\";\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 (isAnchorLink(url)) {\n        return url;\n    }\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;AACA,SAASA,YAAY;AAErB,OAAO,MAAMC,WAAW,GAAIC,GAAW,IAAa;EAChD;EACA,MAAMC,gBAAgB,GAAG,iEAAiE;;EAE1F;EACA,MAAMC,gBAAgB,GAClB,qIAAqI;EAEzIF,GAAG,GAAGG,MAAM,CAACH,GAAG,CAAC,CAACI,IAAI,CAAC,CAAC;EAExB,IAAIN,YAAY,CAACE,GAAG,CAAC,EAAE;IACnB,OAAOA,GAAG;EACd;EAEA,IAAIA,GAAG,CAACK,KAAK,CAACJ,gBAAgB,CAAC,IAAID,GAAG,CAACK,KAAK,CAACH,gBAAgB,CAAC,EAAE;IAC5D,OAAOF,GAAG;EACd;EAEA,OAAO,UAAU;AACrB,CAAC","ignoreList":[]}

package/utils/setFloatingElemPosition.d.ts

@@ -1 +1 @@
-export declare function setFloatingElemPosition(basePosition: ClientRect | null, elementToPosition: HTMLElement, anchorElem: HTMLElement, verticalGap?: number, horizontalOffset?: number): void;
+export declare function setFloatingElemPosition(basePosition: Range | null, elementToPosition: HTMLElement): void;

package/utils/setFloatingElemPosition.js

@@ -1,37 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setFloatingElemPosition = setFloatingElemPosition;
-var VERTICAL_GAP = 10;
-var HORIZONTAL_OFFSET = 5;
-function setFloatingElemPosition(basePosition, elementToPosition, 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;
+import { computePosition, flip, offset, shift } from "@floating-ui/dom";
+const GAP = 10;
+export function setFloatingElemPosition(basePosition, elementToPosition) {
   // A small timeout gives enough time for DOM to update and provides us with correct bounding rect values.
-  setTimeout(function () {
-    var scrollerElem = anchorElem.parentElement;
-    if (basePosition === null || !scrollerElem) {
-      elementToPosition.style.opacity = "0";
+  setTimeout(() => {
+    if (basePosition === null) {
       elementToPosition.style.transform = "translate(-10000px, -10000px)";
       return;
     }
-    var rectToPosition = elementToPosition.getBoundingClientRect();
-    var anchorElementRect = anchorElem.getBoundingClientRect();
-    var editorScrollerRect = scrollerElem.getBoundingClientRect();
-    var top = basePosition.top - rectToPosition.height - verticalGap;
-    var left = basePosition.left - horizontalOffset;
-    if (top < editorScrollerRect.top) {
-      top += rectToPosition.height + basePosition.height + verticalGap * 2;
-    }
-    if (left + rectToPosition.width > editorScrollerRect.right) {
-      left = editorScrollerRect.right - rectToPosition.width - horizontalOffset;
-    }
-    top -= anchorElementRect.top;
-    left -= anchorElementRect.left;
-    elementToPosition.style.opacity = "1";
-    elementToPosition.style.transform = "translate(".concat(left, "px, ").concat(top, "px)");
+    const virtualElement = {
+      getBoundingClientRect: () => basePosition.getBoundingClientRect()
+    };
+    computePosition(virtualElement, elementToPosition, {
+      placement: "bottom",
+      middleware: [offset(GAP),
+      // adds gap between anchor and popup
+      flip(),
+      // switches to the opposite side if no room (bottom → top)
+      shift({
+        padding: GAP
+      }) // slides along the axis to stay within viewport
+      ]
+    }).then(({
+      x,
+      y
+    }) => {
+      elementToPosition.style.transform = `translate(${x}px, ${y}px)`;
+    });
   }, 10);
 }
 

package/utils/setFloatingElemPosition.js.map

@@ -1 +1 @@
-{"version":3,"names":["VERTICAL_GAP","HORIZONTAL_OFFSET","setFloatingElemPosition","basePosition","elementToPosition","anchorElem","verticalGap","arguments","length","undefined","horizontalOffset","setTimeout","scrollerElem","parentElement","style","opacity","transform","rectToPosition","getBoundingClientRect","anchorElementRect","editorScrollerRect","top","height","left","width","right","concat"],"sources":["setFloatingElemPosition.ts"],"sourcesContent":["const VERTICAL_GAP = 10;\nconst HORIZONTAL_OFFSET = 5;\n\nexport function setFloatingElemPosition(\n    basePosition: ClientRect | null,\n    elementToPosition: HTMLElement,\n    anchorElem: HTMLElement,\n    verticalGap: number = VERTICAL_GAP,\n    horizontalOffset: number = HORIZONTAL_OFFSET\n): void {\n    // A small timeout gives enough time for DOM to update and provides us with correct bounding rect values.\n    setTimeout(() => {\n        const scrollerElem = anchorElem.parentElement;\n\n        if (basePosition === null || !scrollerElem) {\n            elementToPosition.style.opacity = \"0\";\n            elementToPosition.style.transform = \"translate(-10000px, -10000px)\";\n            return;\n        }\n\n        const rectToPosition = elementToPosition.getBoundingClientRect();\n        const anchorElementRect = anchorElem.getBoundingClientRect();\n        const editorScrollerRect = scrollerElem.getBoundingClientRect();\n\n        let top = basePosition.top - rectToPosition.height - verticalGap;\n        let left = basePosition.left - horizontalOffset;\n\n        if (top < editorScrollerRect.top) {\n            top += rectToPosition.height + basePosition.height + verticalGap * 2;\n        }\n\n        if (left + rectToPosition.width > editorScrollerRect.right) {\n            left = editorScrollerRect.right - rectToPosition.width - horizontalOffset;\n        }\n\n        top -= anchorElementRect.top;\n        left -= anchorElementRect.left;\n\n        elementToPosition.style.opacity = \"1\";\n        elementToPosition.style.transform = `translate(${left}px, ${top}px)`;\n    }, 10);\n}\n"],"mappings":";;;;;;AAAA,IAAMA,YAAY,GAAG,EAAE;AACvB,IAAMC,iBAAiB,GAAG,CAAC;AAEpB,SAASC,uBAAuBA,CACnCC,YAA+B,EAC/BC,iBAA8B,EAC9BC,UAAuB,EAGnB;EAAA,IAFJC,WAAmB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGP,YAAY;EAAA,IAClCU,gBAAwB,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGN,iBAAiB;EAE5C;EACAU,UAAU,CAAC,YAAM;IACb,IAAMC,YAAY,GAAGP,UAAU,CAACQ,aAAa;IAE7C,IAAIV,YAAY,KAAK,IAAI,IAAI,CAACS,YAAY,EAAE;MACxCR,iBAAiB,CAACU,KAAK,CAACC,OAAO,GAAG,GAAG;MACrCX,iBAAiB,CAACU,KAAK,CAACE,SAAS,GAAG,+BAA+B;MACnE;IACJ;IAEA,IAAMC,cAAc,GAAGb,iBAAiB,CAACc,qBAAqB,CAAC,CAAC;IAChE,IAAMC,iBAAiB,GAAGd,UAAU,CAACa,qBAAqB,CAAC,CAAC;IAC5D,IAAME,kBAAkB,GAAGR,YAAY,CAACM,qBAAqB,CAAC,CAAC;IAE/D,IAAIG,GAAG,GAAGlB,YAAY,CAACkB,GAAG,GAAGJ,cAAc,CAACK,MAAM,GAAGhB,WAAW;IAChE,IAAIiB,IAAI,GAAGpB,YAAY,CAACoB,IAAI,GAAGb,gBAAgB;IAE/C,IAAIW,GAAG,GAAGD,kBAAkB,CAACC,GAAG,EAAE;MAC9BA,GAAG,IAAIJ,cAAc,CAACK,MAAM,GAAGnB,YAAY,CAACmB,MAAM,GAAGhB,WAAW,GAAG,CAAC;IACxE;IAEA,IAAIiB,IAAI,GAAGN,cAAc,CAACO,KAAK,GAAGJ,kBAAkB,CAACK,KAAK,EAAE;MACxDF,IAAI,GAAGH,kBAAkB,CAACK,KAAK,GAAGR,cAAc,CAACO,KAAK,GAAGd,gBAAgB;IAC7E;IAEAW,GAAG,IAAIF,iBAAiB,CAACE,GAAG;IAC5BE,IAAI,IAAIJ,iBAAiB,CAACI,IAAI;IAE9BnB,iBAAiB,CAACU,KAAK,CAACC,OAAO,GAAG,GAAG;IACrCX,iBAAiB,CAACU,KAAK,CAACE,SAAS,gBAAAU,MAAA,CAAgBH,IAAI,UAAAG,MAAA,CAAOL,GAAG,QAAK;EACxE,CAAC,EAAE,EAAE,CAAC;AACV","ignoreList":[]}
+{"version":3,"names":["computePosition","flip","offset","shift","GAP","setFloatingElemPosition","basePosition","elementToPosition","setTimeout","style","transform","virtualElement","getBoundingClientRect","placement","middleware","padding","then","x","y"],"sources":["setFloatingElemPosition.ts"],"sourcesContent":["import { computePosition, flip, offset, shift } from \"@floating-ui/dom\";\n\nconst GAP = 10;\n\nexport function setFloatingElemPosition(\n    basePosition: Range | null,\n    elementToPosition: HTMLElement\n): void {\n    // A small timeout gives enough time for DOM to update and provides us with correct bounding rect values.\n    setTimeout(() => {\n        if (basePosition === null) {\n            elementToPosition.style.transform = \"translate(-10000px, -10000px)\";\n            return;\n        }\n\n        const virtualElement = {\n            getBoundingClientRect: () => basePosition.getBoundingClientRect()\n        };\n\n        computePosition(virtualElement, elementToPosition, {\n            placement: \"bottom\",\n            middleware: [\n                offset(GAP), // adds gap between anchor and popup\n                flip(), // switches to the opposite side if no room (bottom → top)\n                shift({ padding: GAP }) // slides along the axis to stay within viewport\n            ]\n        }).then(({ x, y }) => {\n            elementToPosition.style.transform = `translate(${x}px, ${y}px)`;\n        });\n    }, 10);\n}\n"],"mappings":"AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,MAAM,EAAEC,KAAK,QAAQ,kBAAkB;AAEvE,MAAMC,GAAG,GAAG,EAAE;AAEd,OAAO,SAASC,uBAAuBA,CACnCC,YAA0B,EAC1BC,iBAA8B,EAC1B;EACJ;EACAC,UAAU,CAAC,MAAM;IACb,IAAIF,YAAY,KAAK,IAAI,EAAE;MACvBC,iBAAiB,CAACE,KAAK,CAACC,SAAS,GAAG,+BAA+B;MACnE;IACJ;IAEA,MAAMC,cAAc,GAAG;MACnBC,qBAAqB,EAAEA,CAAA,KAAMN,YAAY,CAACM,qBAAqB,CAAC;IACpE,CAAC;IAEDZ,eAAe,CAACW,cAAc,EAAEJ,iBAAiB,EAAE;MAC/CM,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,CACRZ,MAAM,CAACE,GAAG,CAAC;MAAE;MACbH,IAAI,CAAC,CAAC;MAAE;MACRE,KAAK,CAAC;QAAEY,OAAO,EAAEX;MAAI,CAAC,CAAC,CAAC;MAAA;IAEhC,CAAC,CAAC,CAACY,IAAI,CAAC,CAAC;MAAEC,CAAC;MAAEC;IAAE,CAAC,KAAK;MAClBX,iBAAiB,CAACE,KAAK,CAACC,SAAS,GAAG,aAAaO,CAAC,OAAOC,CAAC,KAAK;IACnE,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;AACV","ignoreList":[]}

package/components/Editor/HeadingEditor.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { RichTextEditorProps } from "./RichTextEditor";
-interface HeadingEditorProps extends RichTextEditorProps {
-    tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-}
-export declare const HeadingEditor: ({ tag, placeholder, ...rest }: HeadingEditorProps) => React.JSX.Element;
-export {};

package/components/Editor/HeadingEditor.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HeadingEditor = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _RichTextEditor = require("./RichTextEditor");
-var _Toolbar = require("../Toolbar/Toolbar");
-var _EnsureHeadingTagPlugin = require("./EnsureHeadingTagPlugin");
-var _excluded = ["tag", "placeholder"];
-var styles = {
-  padding: 5
-};
-var HeadingEditor = exports.HeadingEditor = function HeadingEditor(_ref) {
-  var tag = _ref.tag,
-    placeholder = _ref.placeholder,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_RichTextEditor.RichTextEditor, Object.assign({
-    toolbar: /*#__PURE__*/_react.default.createElement(_Toolbar.Toolbar, null),
-    tag: tag ?? "h1",
-    placeholder: placeholder ?? "Enter your heading text here..."
-  }, rest, {
-    styles: styles
-  }), /*#__PURE__*/_react.default.createElement(_EnsureHeadingTagPlugin.EnsureHeadingTagPlugin, null), rest?.children);
-};
-
-//# sourceMappingURL=HeadingEditor.js.map

package/components/Editor/HeadingEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_RichTextEditor","_Toolbar","_EnsureHeadingTagPlugin","_excluded","styles","padding","HeadingEditor","exports","_ref","tag","placeholder","rest","_objectWithoutProperties2","default","createElement","RichTextEditor","Object","assign","toolbar","Toolbar","EnsureHeadingTagPlugin","children"],"sources":["HeadingEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { RichTextEditor, RichTextEditorProps } from \"~/components/Editor/RichTextEditor\";\nimport { Toolbar } from \"~/components/Toolbar/Toolbar\";\nimport { EnsureHeadingTagPlugin } from \"~/components/Editor/EnsureHeadingTagPlugin\";\n\ninterface HeadingEditorProps extends RichTextEditorProps {\n    tag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n}\n\nconst styles = { padding: 5 };\n\nexport const HeadingEditor = ({ tag, placeholder, ...rest }: HeadingEditorProps) => {\n    return (\n        <RichTextEditor\n            toolbar={<Toolbar />}\n            tag={tag ?? \"h1\"}\n            placeholder={placeholder ?? \"Enter your heading text here...\"}\n            {...rest}\n            styles={styles}\n        >\n            <EnsureHeadingTagPlugin />\n            {rest?.children}\n        </RichTextEditor>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAAoF,IAAAI,SAAA;AAMpF,IAAMC,MAAM,GAAG;EAAEC,OAAO,EAAE;AAAE,CAAC;AAEtB,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAAE,IAAA,EAA0D;EAAA,IAApDC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAL,SAAA;EACrD,oBACIN,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,eAAA,CAAAe,cAAc,EAAAC,MAAA,CAAAC,MAAA;IACXC,OAAO,eAAErB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,QAAA,CAAAkB,OAAO,MAAE,CAAE;IACrBV,GAAG,EAAEA,GAAG,IAAI,IAAK;IACjBC,WAAW,EAAEA,WAAW,IAAI;EAAkC,GAC1DC,IAAI;IACRP,MAAM,EAAEA;EAAO,iBAEfP,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,uBAAA,CAAAkB,sBAAsB,MAAE,CAAC,EACzBT,IAAI,EAAEU,QACK,CAAC;AAEzB,CAAC","ignoreList":[]}

package/components/Editor/ParagraphEditor.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { RichTextEditorProps } from "./RichTextEditor";
-interface ParagraphLexicalEditorProps extends RichTextEditorProps {
-    tag?: "p";
-}
-declare const ParagraphEditor: ({ placeholder, tag, ...rest }: ParagraphLexicalEditorProps) => React.JSX.Element;
-export { ParagraphEditor };

package/components/Editor/ParagraphEditor.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ParagraphEditor = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _RichTextEditor = require("./RichTextEditor");
-var _Toolbar = require("../Toolbar/Toolbar");
-var _excluded = ["placeholder", "tag"];
-var styles = {
-  padding: 5
-};
-var ParagraphEditor = exports.ParagraphEditor = function ParagraphEditor(_ref) {
-  var placeholder = _ref.placeholder,
-    tag = _ref.tag,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_RichTextEditor.RichTextEditor, Object.assign({
-    toolbar: /*#__PURE__*/_react.default.createElement(_Toolbar.Toolbar, null),
-    tag: tag ?? "p",
-    placeholder: placeholder ?? "Enter your text here..."
-  }, rest, {
-    styles: styles
-  }), rest?.children);
-};
-
-//# sourceMappingURL=ParagraphEditor.js.map

package/components/Editor/ParagraphEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_RichTextEditor","_Toolbar","_excluded","styles","padding","ParagraphEditor","exports","_ref","placeholder","tag","rest","_objectWithoutProperties2","default","createElement","RichTextEditor","Object","assign","toolbar","Toolbar","children"],"sources":["ParagraphEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { RichTextEditor, RichTextEditorProps } from \"~/components/Editor/RichTextEditor\";\nimport { Toolbar } from \"~/components/Toolbar/Toolbar\";\n\ninterface ParagraphLexicalEditorProps extends RichTextEditorProps {\n    tag?: \"p\";\n}\n\nconst styles = { padding: 5 };\n\nconst ParagraphEditor = ({ placeholder, tag, ...rest }: ParagraphLexicalEditorProps) => {\n    return (\n        <RichTextEditor\n            toolbar={<Toolbar />}\n            tag={tag ?? \"p\"}\n            placeholder={placeholder ?? \"Enter your text here...\"}\n            {...rest}\n            styles={styles}\n        >\n            {rest?.children}\n        </RichTextEditor>\n    );\n};\n\nexport { ParagraphEditor };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAuD,IAAAG,SAAA;AAMvD,IAAMC,MAAM,GAAG;EAAEC,OAAO,EAAE;AAAE,CAAC;AAE7B,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAAE,IAAA,EAAmE;EAAA,IAA7DC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAL,SAAA;EAChD,oBACIL,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,eAAA,CAAAc,cAAc,EAAAC,MAAA,CAAAC,MAAA;IACXC,OAAO,eAAEpB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,QAAA,CAAAiB,OAAO,MAAE,CAAE;IACrBT,GAAG,EAAEA,GAAG,IAAI,GAAI;IAChBD,WAAW,EAAEA,WAAW,IAAI;EAA0B,GAClDE,IAAI;IACRP,MAAM,EAAEA;EAAO,IAEdO,IAAI,EAAES,QACK,CAAC;AAEzB,CAAC","ignoreList":[]}