@atlaskit/react-ufo 3.6.7 → 3.8.0

package/dist/types-ts4.5/interaction-metrics/index.d.ts

@@ -6,6 +6,8 @@ import PostInteractionLog from './post-interaction-log';
 export type { InteractionMetrics, LifecycleMarkType, Span, Mark, MarkType, InteractionType, AbortReasonType, ReactProfilerTiming, RequestInfo, ApdexType, CustomData, CustomTiming, InteractionError, };
 export declare const postInteractionLog: PostInteractionLog;
 export declare function getActiveInteraction(): InteractionMetrics | undefined;
+export declare const getPerformanceObserver: () => PerformanceObserver;
+export declare const setInteractionPerformanceEvent: (entry: PerformanceEventTiming) => void;
 export declare function remove(interactionId: string): void;
 export declare function updatePageLoadInteractionName(ufoName: string, routeName?: string | null | undefined): void;
 export declare function addMetadata(interactionId: string, data: Record<string, unknown>): void;

package/dist/types-ts4.5/interactions-performance-observer/index.d.ts

@@ -0,0 +1,2 @@
+export declare const getPerformanceObserver: () => PerformanceObserver;
+export declare const setInteractionPerformanceEvent: (entry: PerformanceEventTiming) => void;

package/dist/types-ts4.5/vc/vc-observer/observers/index.d.ts

@@ -19,7 +19,6 @@ export declare class Observers implements BrowserObservers {
     private totalTime;
     private _startMeasureTimestamp;
     private ssrPlaceholderHandler;
-    private editorLnvHandler;
     private ssr;
     private selectorConfig;
     constructor(opts: ConstructorOptions);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "3.6.7",
+	"version": "3.8.0",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -86,7 +86,7 @@
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
-		"@af/integration-testing": "^0.5.0",
+		"@af/integration-testing": "workspace:^",
 		"@testing-library/react": "^13.4.0",
 		"@types/is-ci": "^3.0.0",
 		"is-ci": "^3.0.1"
@@ -154,9 +154,6 @@
 		"platform_ufo_no_vc_on_aborted": {
 			"type": "boolean"
 		},
-		"platform_ufo_segment_list_mode": {
-			"type": "boolean"
-		},
 		"ufo_payload_use_idle_callback": {
 			"type": "boolean"
 		},
@@ -171,6 +168,9 @@
 		},
 		"platform_ufo_self_timings": {
 			"type": "boolean"
+		},
+		"platform_ufo_enable_events_observer": {
+			"type": "boolean"
 		}
 	}
 }

package/dist/cjs/vc/vc-observer/observers/editor-lnv/index.js

@@ -1,186 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditorLnvHandler = void 0;
-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 placeholderDataKey = 'editorLnvPlaceholder'; // data-editor-lnv-placeholder
-var replaceDataKey = 'editorLnvPlaceholderReplace'; // data-editor-lnv-placeholder-replace
-var EditorLnvHandler = exports.EditorLnvHandler = /*#__PURE__*/function () {
-  function EditorLnvHandler() {
-    var _this = this;
-    (0, _classCallCheck2.default)(this, EditorLnvHandler);
-    (0, _defineProperty2.default)(this, "placeholders", new Map());
-    (0, _defineProperty2.default)(this, "getSizeCallbacks", new Map());
-    (0, _defineProperty2.default)(this, "isAddedPlaceholderMatchingSizeCallbacks", new Map());
-    (0, _defineProperty2.default)(this, "isAddedReplaceMatchingSizeCallbacks", new Map());
-    (0, _defineProperty2.default)(this, "intersectionObserverCallback", function (_ref) {
-      var _target$dataset, _target$dataset2;
-      var target = _ref.target,
-        boundingClientRect = _ref.boundingClientRect;
-      _this.intersectionObserver.unobserve(target);
-      if (!(target instanceof HTMLElement)) {
-        return;
-      }
-      var placeholderId = (_target$dataset = target.dataset) === null || _target$dataset === void 0 ? void 0 : _target$dataset[placeholderDataKey];
-      if (placeholderId && _this.getSizeCallbacks.has(placeholderId)) {
-        var _resolve = _this.getSizeCallbacks.get(placeholderId);
-        _this.getSizeCallbacks.delete(placeholderId);
-        if (!_resolve) {
-          return;
-        }
-        _resolve({
-          x: boundingClientRect.x,
-          y: boundingClientRect.y,
-          width: boundingClientRect.width,
-          height: boundingClientRect.height
-        });
-        return;
-      }
-      if (placeholderId && _this.isAddedPlaceholderMatchingSizeCallbacks.has(placeholderId)) {
-        var _resolve2 = _this.isAddedPlaceholderMatchingSizeCallbacks.get(placeholderId);
-        _this.isAddedPlaceholderMatchingSizeCallbacks.delete(placeholderId);
-        if (!_resolve2) {
-          return;
-        }
-        var placeholder = _this.placeholders.get(placeholderId);
-        if (!placeholder) {
-          _resolve2(false);
-          return;
-        }
-        _resolve2(_this.areRectsSameSize(placeholder, boundingClientRect));
-        return;
-      }
-      var replaceId = (_target$dataset2 = target.dataset) === null || _target$dataset2 === void 0 ? void 0 : _target$dataset2[replaceDataKey];
-      if (replaceId && _this.isAddedReplaceMatchingSizeCallbacks.has(replaceId)) {
-        var _resolve3 = _this.isAddedReplaceMatchingSizeCallbacks.get(replaceId);
-        _this.isAddedReplaceMatchingSizeCallbacks.delete(replaceId);
-        if (!_resolve3) {
-          return;
-        }
-        var _placeholder = _this.placeholders.get(replaceId);
-        if (!_placeholder) {
-          _resolve3(false);
-          return;
-        }
-        _this.placeholders.delete(replaceId);
-        _resolve3(_this.areRectsSameSize(_placeholder, boundingClientRect));
-        return;
-      }
-    });
-    this.intersectionObserver = new IntersectionObserver(function (entries) {
-      return entries.filter(function (entry) {
-        return entry.intersectionRatio > 0;
-      }).forEach(_this.intersectionObserverCallback);
-    });
-  }
-  return (0, _createClass2.default)(EditorLnvHandler, [{
-    key: "shouldHandleAddedNode",
-    value: function shouldHandleAddedNode(el) {
-      var _el$dataset, _el$dataset2;
-      return ((_el$dataset = el.dataset) === null || _el$dataset === void 0 ? void 0 : _el$dataset[placeholderDataKey]) || ((_el$dataset2 = el.dataset) === null || _el$dataset2 === void 0 ? void 0 : _el$dataset2[replaceDataKey]);
-    }
-  }, {
-    key: "handleAddedNode",
-    value: function handleAddedNode(el) {
-      var _el$dataset3, _el$dataset4;
-      // If it placeholder does not already exist, add it to the map
-      var placeholderId = (_el$dataset3 = el.dataset) === null || _el$dataset3 === void 0 ? void 0 : _el$dataset3[placeholderDataKey];
-      if (placeholderId) {
-        return this.handleAddedPlaceholderNode(el, placeholderId);
-      }
-      var replaceId = (_el$dataset4 = el.dataset) === null || _el$dataset4 === void 0 ? void 0 : _el$dataset4[replaceDataKey];
-      if (replaceId) {
-        return this.handleAddedReplaceNode(el, replaceId);
-      }
-      return Promise.resolve({
-        shouldIgnore: false
-      });
-    }
-  }, {
-    key: "clear",
-    value: function clear() {
-      this.placeholders.clear();
-      this.intersectionObserver.disconnect();
-    }
-  }, {
-    key: "handleAddedPlaceholderNode",
-    value: function handleAddedPlaceholderNode(el, placeholderId) {
-      if (this.isExistingPlaceholder(placeholderId)) {
-        return this.isAddedPlaceholderMatchingSize(el, placeholderId).then(function (isMatching) {
-          return {
-            shouldIgnore: isMatching
-          };
-        });
-      }
-      return this.registerPlaceholder(el, placeholderId).then(function () {
-        return {
-          shouldIgnore: false
-        };
-      });
-    }
-  }, {
-    key: "handleAddedReplaceNode",
-    value: function handleAddedReplaceNode(el, placeholderId) {
-      if (this.isExistingPlaceholder(placeholderId)) {
-        return this.isAddedReplaceMatchingSize(el, placeholderId).then(function (isMatching) {
-          return {
-            shouldIgnore: isMatching
-          };
-        });
-      }
-      return Promise.resolve({
-        shouldIgnore: false
-      });
-    }
-  }, {
-    key: "isExistingPlaceholder",
-    value: function isExistingPlaceholder(placeholderId) {
-      return this.placeholders.has(placeholderId);
-    }
-  }, {
-    key: "registerPlaceholder",
-    value: function registerPlaceholder(el, placeholderId) {
-      var _this2 = this;
-      return this.getSize(el, placeholderId).then(function (size) {
-        _this2.placeholders.set(placeholderId, size);
-      });
-    }
-  }, {
-    key: "getSize",
-    value: function getSize(el, placeholderId) {
-      var _this3 = this;
-      return new Promise(function (resolve) {
-        _this3.getSizeCallbacks.set(placeholderId, resolve);
-        _this3.intersectionObserver.observe(el);
-      });
-    }
-  }, {
-    key: "isAddedPlaceholderMatchingSize",
-    value: function isAddedPlaceholderMatchingSize(el, placeholderId) {
-      var _this4 = this;
-      return new Promise(function (resolve) {
-        _this4.isAddedPlaceholderMatchingSizeCallbacks.set(placeholderId, resolve);
-        _this4.intersectionObserver.observe(el);
-      });
-    }
-  }, {
-    key: "isAddedReplaceMatchingSize",
-    value: function isAddedReplaceMatchingSize(el, placeholderId) {
-      var _this5 = this;
-      return new Promise(function (resolve) {
-        _this5.isAddedReplaceMatchingSizeCallbacks.set(placeholderId, resolve);
-        _this5.intersectionObserver.observe(el);
-      });
-    }
-  }, {
-    key: "areRectsSameSize",
-    value: function areRectsSameSize(a, b) {
-      return Math.abs(a.width - b.width) < 1 && Math.abs(a.height - b.height) < 1;
-    }
-  }]);
-}();

package/dist/cjs/vc/vc-observer/observers/editor-lnv/test-utils.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createMockIntersectionObserver = createMockIntersectionObserver;
-exports.createPlaceholderElement = createPlaceholderElement;
-exports.createReplaceElement = createReplaceElement;
-exports.handleElements = handleElements;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function createPlaceholderElement(id) {
-  var el = document.createElement('div');
-  el.dataset.editorLnvPlaceholder = id;
-  return el;
-}
-function createReplaceElement(id) {
-  var el = document.createElement('div');
-  el.dataset.editorLnvPlaceholderReplace = id;
-  return el;
-}
-function handleElements(elements, handler, observerCallback, callback) {
-  var _elements = (0, _toArray2.default)(elements),
-    first = _elements[0],
-    rest = _elements.slice(1);
-  handler.handleAddedNode(first.element).then(function (result) {
-    if (!rest.length) {
-      // Recursion terminating condition
-      callback(result);
-    } else {
-      // Recursively handle the rest of the elements
-      handleElements(rest, handler, observerCallback, callback);
-    }
-  });
-  observerCallback([{
-    target: first.element,
-    boundingClientRect: first.rect
-  }]);
-}
-function createMockIntersectionObserver(cbRef) {
-  return /*#__PURE__*/function () {
-    function _class(fn) {
-      (0, _classCallCheck2.default)(this, _class);
-      cbRef.current = function (entries) {
-        return fn(entries.map(function (entry) {
-          return _objectSpread(_objectSpread({}, entry), {}, {
-            intersectionRatio: 1
-          });
-        }));
-      };
-    }
-    return (0, _createClass2.default)(_class, [{
-      key: "observe",
-      value: function observe() {}
-    }, {
-      key: "unobserve",
-      value: function unobserve() {}
-    }, {
-      key: "disconnect",
-      value: function disconnect() {}
-    }]);
-  }();
-}

package/dist/es2019/vc/vc-observer/observers/editor-lnv/index.js

@@ -1,140 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const placeholderDataKey = 'editorLnvPlaceholder'; // data-editor-lnv-placeholder
-const replaceDataKey = 'editorLnvPlaceholderReplace'; // data-editor-lnv-placeholder-replace
-
-export class EditorLnvHandler {
-  constructor() {
-    _defineProperty(this, "placeholders", new Map());
-    _defineProperty(this, "getSizeCallbacks", new Map());
-    _defineProperty(this, "isAddedPlaceholderMatchingSizeCallbacks", new Map());
-    _defineProperty(this, "isAddedReplaceMatchingSizeCallbacks", new Map());
-    _defineProperty(this, "intersectionObserverCallback", ({
-      target,
-      boundingClientRect
-    }) => {
-      var _target$dataset, _target$dataset2;
-      this.intersectionObserver.unobserve(target);
-      if (!(target instanceof HTMLElement)) {
-        return;
-      }
-      const placeholderId = (_target$dataset = target.dataset) === null || _target$dataset === void 0 ? void 0 : _target$dataset[placeholderDataKey];
-      if (placeholderId && this.getSizeCallbacks.has(placeholderId)) {
-        const resolve = this.getSizeCallbacks.get(placeholderId);
-        this.getSizeCallbacks.delete(placeholderId);
-        if (!resolve) {
-          return;
-        }
-        resolve({
-          x: boundingClientRect.x,
-          y: boundingClientRect.y,
-          width: boundingClientRect.width,
-          height: boundingClientRect.height
-        });
-        return;
-      }
-      if (placeholderId && this.isAddedPlaceholderMatchingSizeCallbacks.has(placeholderId)) {
-        const resolve = this.isAddedPlaceholderMatchingSizeCallbacks.get(placeholderId);
-        this.isAddedPlaceholderMatchingSizeCallbacks.delete(placeholderId);
-        if (!resolve) {
-          return;
-        }
-        const placeholder = this.placeholders.get(placeholderId);
-        if (!placeholder) {
-          resolve(false);
-          return;
-        }
-        resolve(this.areRectsSameSize(placeholder, boundingClientRect));
-        return;
-      }
-      const replaceId = (_target$dataset2 = target.dataset) === null || _target$dataset2 === void 0 ? void 0 : _target$dataset2[replaceDataKey];
-      if (replaceId && this.isAddedReplaceMatchingSizeCallbacks.has(replaceId)) {
-        const resolve = this.isAddedReplaceMatchingSizeCallbacks.get(replaceId);
-        this.isAddedReplaceMatchingSizeCallbacks.delete(replaceId);
-        if (!resolve) {
-          return;
-        }
-        const placeholder = this.placeholders.get(replaceId);
-        if (!placeholder) {
-          resolve(false);
-          return;
-        }
-        this.placeholders.delete(replaceId);
-        resolve(this.areRectsSameSize(placeholder, boundingClientRect));
-        return;
-      }
-    });
-    this.intersectionObserver = new IntersectionObserver(entries => entries.filter(entry => entry.intersectionRatio > 0).forEach(this.intersectionObserverCallback));
-  }
-  shouldHandleAddedNode(el) {
-    var _el$dataset, _el$dataset2;
-    return ((_el$dataset = el.dataset) === null || _el$dataset === void 0 ? void 0 : _el$dataset[placeholderDataKey]) || ((_el$dataset2 = el.dataset) === null || _el$dataset2 === void 0 ? void 0 : _el$dataset2[replaceDataKey]);
-  }
-  handleAddedNode(el) {
-    var _el$dataset3, _el$dataset4;
-    // If it placeholder does not already exist, add it to the map
-    const placeholderId = (_el$dataset3 = el.dataset) === null || _el$dataset3 === void 0 ? void 0 : _el$dataset3[placeholderDataKey];
-    if (placeholderId) {
-      return this.handleAddedPlaceholderNode(el, placeholderId);
-    }
-    const replaceId = (_el$dataset4 = el.dataset) === null || _el$dataset4 === void 0 ? void 0 : _el$dataset4[replaceDataKey];
-    if (replaceId) {
-      return this.handleAddedReplaceNode(el, replaceId);
-    }
-    return Promise.resolve({
-      shouldIgnore: false
-    });
-  }
-  clear() {
-    this.placeholders.clear();
-    this.intersectionObserver.disconnect();
-  }
-  handleAddedPlaceholderNode(el, placeholderId) {
-    if (this.isExistingPlaceholder(placeholderId)) {
-      return this.isAddedPlaceholderMatchingSize(el, placeholderId).then(isMatching => ({
-        shouldIgnore: isMatching
-      }));
-    }
-    return this.registerPlaceholder(el, placeholderId).then(() => ({
-      shouldIgnore: false
-    }));
-  }
-  handleAddedReplaceNode(el, placeholderId) {
-    if (this.isExistingPlaceholder(placeholderId)) {
-      return this.isAddedReplaceMatchingSize(el, placeholderId).then(isMatching => ({
-        shouldIgnore: isMatching
-      }));
-    }
-    return Promise.resolve({
-      shouldIgnore: false
-    });
-  }
-  isExistingPlaceholder(placeholderId) {
-    return this.placeholders.has(placeholderId);
-  }
-  registerPlaceholder(el, placeholderId) {
-    return this.getSize(el, placeholderId).then(size => {
-      this.placeholders.set(placeholderId, size);
-    });
-  }
-  getSize(el, placeholderId) {
-    return new Promise(resolve => {
-      this.getSizeCallbacks.set(placeholderId, resolve);
-      this.intersectionObserver.observe(el);
-    });
-  }
-  isAddedPlaceholderMatchingSize(el, placeholderId) {
-    return new Promise(resolve => {
-      this.isAddedPlaceholderMatchingSizeCallbacks.set(placeholderId, resolve);
-      this.intersectionObserver.observe(el);
-    });
-  }
-  isAddedReplaceMatchingSize(el, placeholderId) {
-    return new Promise(resolve => {
-      this.isAddedReplaceMatchingSizeCallbacks.set(placeholderId, resolve);
-      this.intersectionObserver.observe(el);
-    });
-  }
-  areRectsSameSize(a, b) {
-    return Math.abs(a.width - b.width) < 1 && Math.abs(a.height - b.height) < 1;
-  }
-}

package/dist/es2019/vc/vc-observer/observers/editor-lnv/test-utils.js

@@ -1,41 +0,0 @@
-export function createPlaceholderElement(id) {
-  const el = document.createElement('div');
-  el.dataset.editorLnvPlaceholder = id;
-  return el;
-}
-export function createReplaceElement(id) {
-  const el = document.createElement('div');
-  el.dataset.editorLnvPlaceholderReplace = id;
-  return el;
-}
-export function handleElements(elements, handler, observerCallback, callback) {
-  const [first, ...rest] = elements;
-  handler.handleAddedNode(first.element).then(result => {
-    if (!rest.length) {
-      // Recursion terminating condition
-      callback(result);
-    } else {
-      // Recursively handle the rest of the elements
-      handleElements(rest, handler, observerCallback, callback);
-    }
-  });
-  observerCallback([{
-    target: first.element,
-    boundingClientRect: first.rect
-  }]);
-}
-export function createMockIntersectionObserver(cbRef) {
-  return class {
-    constructor(fn) {
-      cbRef.current = entries => fn(entries.map(entry => {
-        return {
-          ...entry,
-          intersectionRatio: 1
-        };
-      }));
-    }
-    observe() {}
-    unobserve() {}
-    disconnect() {}
-  };
-}

package/dist/esm/vc/vc-observer/observers/editor-lnv/index.js

@@ -1,180 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var placeholderDataKey = 'editorLnvPlaceholder'; // data-editor-lnv-placeholder
-var replaceDataKey = 'editorLnvPlaceholderReplace'; // data-editor-lnv-placeholder-replace
-
-export var EditorLnvHandler = /*#__PURE__*/function () {
-  function EditorLnvHandler() {
-    var _this = this;
-    _classCallCheck(this, EditorLnvHandler);
-    _defineProperty(this, "placeholders", new Map());
-    _defineProperty(this, "getSizeCallbacks", new Map());
-    _defineProperty(this, "isAddedPlaceholderMatchingSizeCallbacks", new Map());
-    _defineProperty(this, "isAddedReplaceMatchingSizeCallbacks", new Map());
-    _defineProperty(this, "intersectionObserverCallback", function (_ref) {
-      var _target$dataset, _target$dataset2;
-      var target = _ref.target,
-        boundingClientRect = _ref.boundingClientRect;
-      _this.intersectionObserver.unobserve(target);
-      if (!(target instanceof HTMLElement)) {
-        return;
-      }
-      var placeholderId = (_target$dataset = target.dataset) === null || _target$dataset === void 0 ? void 0 : _target$dataset[placeholderDataKey];
-      if (placeholderId && _this.getSizeCallbacks.has(placeholderId)) {
-        var _resolve = _this.getSizeCallbacks.get(placeholderId);
-        _this.getSizeCallbacks.delete(placeholderId);
-        if (!_resolve) {
-          return;
-        }
-        _resolve({
-          x: boundingClientRect.x,
-          y: boundingClientRect.y,
-          width: boundingClientRect.width,
-          height: boundingClientRect.height
-        });
-        return;
-      }
-      if (placeholderId && _this.isAddedPlaceholderMatchingSizeCallbacks.has(placeholderId)) {
-        var _resolve2 = _this.isAddedPlaceholderMatchingSizeCallbacks.get(placeholderId);
-        _this.isAddedPlaceholderMatchingSizeCallbacks.delete(placeholderId);
-        if (!_resolve2) {
-          return;
-        }
-        var placeholder = _this.placeholders.get(placeholderId);
-        if (!placeholder) {
-          _resolve2(false);
-          return;
-        }
-        _resolve2(_this.areRectsSameSize(placeholder, boundingClientRect));
-        return;
-      }
-      var replaceId = (_target$dataset2 = target.dataset) === null || _target$dataset2 === void 0 ? void 0 : _target$dataset2[replaceDataKey];
-      if (replaceId && _this.isAddedReplaceMatchingSizeCallbacks.has(replaceId)) {
-        var _resolve3 = _this.isAddedReplaceMatchingSizeCallbacks.get(replaceId);
-        _this.isAddedReplaceMatchingSizeCallbacks.delete(replaceId);
-        if (!_resolve3) {
-          return;
-        }
-        var _placeholder = _this.placeholders.get(replaceId);
-        if (!_placeholder) {
-          _resolve3(false);
-          return;
-        }
-        _this.placeholders.delete(replaceId);
-        _resolve3(_this.areRectsSameSize(_placeholder, boundingClientRect));
-        return;
-      }
-    });
-    this.intersectionObserver = new IntersectionObserver(function (entries) {
-      return entries.filter(function (entry) {
-        return entry.intersectionRatio > 0;
-      }).forEach(_this.intersectionObserverCallback);
-    });
-  }
-  return _createClass(EditorLnvHandler, [{
-    key: "shouldHandleAddedNode",
-    value: function shouldHandleAddedNode(el) {
-      var _el$dataset, _el$dataset2;
-      return ((_el$dataset = el.dataset) === null || _el$dataset === void 0 ? void 0 : _el$dataset[placeholderDataKey]) || ((_el$dataset2 = el.dataset) === null || _el$dataset2 === void 0 ? void 0 : _el$dataset2[replaceDataKey]);
-    }
-  }, {
-    key: "handleAddedNode",
-    value: function handleAddedNode(el) {
-      var _el$dataset3, _el$dataset4;
-      // If it placeholder does not already exist, add it to the map
-      var placeholderId = (_el$dataset3 = el.dataset) === null || _el$dataset3 === void 0 ? void 0 : _el$dataset3[placeholderDataKey];
-      if (placeholderId) {
-        return this.handleAddedPlaceholderNode(el, placeholderId);
-      }
-      var replaceId = (_el$dataset4 = el.dataset) === null || _el$dataset4 === void 0 ? void 0 : _el$dataset4[replaceDataKey];
-      if (replaceId) {
-        return this.handleAddedReplaceNode(el, replaceId);
-      }
-      return Promise.resolve({
-        shouldIgnore: false
-      });
-    }
-  }, {
-    key: "clear",
-    value: function clear() {
-      this.placeholders.clear();
-      this.intersectionObserver.disconnect();
-    }
-  }, {
-    key: "handleAddedPlaceholderNode",
-    value: function handleAddedPlaceholderNode(el, placeholderId) {
-      if (this.isExistingPlaceholder(placeholderId)) {
-        return this.isAddedPlaceholderMatchingSize(el, placeholderId).then(function (isMatching) {
-          return {
-            shouldIgnore: isMatching
-          };
-        });
-      }
-      return this.registerPlaceholder(el, placeholderId).then(function () {
-        return {
-          shouldIgnore: false
-        };
-      });
-    }
-  }, {
-    key: "handleAddedReplaceNode",
-    value: function handleAddedReplaceNode(el, placeholderId) {
-      if (this.isExistingPlaceholder(placeholderId)) {
-        return this.isAddedReplaceMatchingSize(el, placeholderId).then(function (isMatching) {
-          return {
-            shouldIgnore: isMatching
-          };
-        });
-      }
-      return Promise.resolve({
-        shouldIgnore: false
-      });
-    }
-  }, {
-    key: "isExistingPlaceholder",
-    value: function isExistingPlaceholder(placeholderId) {
-      return this.placeholders.has(placeholderId);
-    }
-  }, {
-    key: "registerPlaceholder",
-    value: function registerPlaceholder(el, placeholderId) {
-      var _this2 = this;
-      return this.getSize(el, placeholderId).then(function (size) {
-        _this2.placeholders.set(placeholderId, size);
-      });
-    }
-  }, {
-    key: "getSize",
-    value: function getSize(el, placeholderId) {
-      var _this3 = this;
-      return new Promise(function (resolve) {
-        _this3.getSizeCallbacks.set(placeholderId, resolve);
-        _this3.intersectionObserver.observe(el);
-      });
-    }
-  }, {
-    key: "isAddedPlaceholderMatchingSize",
-    value: function isAddedPlaceholderMatchingSize(el, placeholderId) {
-      var _this4 = this;
-      return new Promise(function (resolve) {
-        _this4.isAddedPlaceholderMatchingSizeCallbacks.set(placeholderId, resolve);
-        _this4.intersectionObserver.observe(el);
-      });
-    }
-  }, {
-    key: "isAddedReplaceMatchingSize",
-    value: function isAddedReplaceMatchingSize(el, placeholderId) {
-      var _this5 = this;
-      return new Promise(function (resolve) {
-        _this5.isAddedReplaceMatchingSizeCallbacks.set(placeholderId, resolve);
-        _this5.intersectionObserver.observe(el);
-      });
-    }
-  }, {
-    key: "areRectsSameSize",
-    value: function areRectsSameSize(a, b) {
-      return Math.abs(a.width - b.width) < 1 && Math.abs(a.height - b.height) < 1;
-    }
-  }]);
-}();