@atlaskit/react-ufo 3.13.21 → 3.13.22

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 3.13.22
+
+### Patch Changes
+
+- [#169345](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/169345)
+  [`6fab3e0da9d68`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6fab3e0da9d68) -
+  Added API to disable checks for size and position of SSR placeholders
+
 ## 3.13.21
 
 ### Patch Changes

package/dist/cjs/interaction-metrics-init/index.js

@@ -95,7 +95,8 @@ function init(analyticsWebClientAsync, config) {
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
     };
     (0, _vc.getVCObserver)(vcOptions).start({
       startTime: 0

package/dist/cjs/vc/vc-observer/index.js

@@ -454,7 +454,8 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     this.arraySize = options.heatmapSize || 200;
     this.devToolsEnabled = options.devToolsEnabled || false;
     this.oldDomUpdatesEnabled = options.oldDomUpdates || false;
-    var ssrEnablePageLayoutPlaceholder = options.ssrEnablePageLayoutPlaceholder;
+    var ssrEnablePageLayoutPlaceholder = options.ssrEnablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck = options.disableSizeAndPositionCheck;
     this.observers = new _observers.Observers({
       selectorConfig: options.selectorConfig || {
         id: false,
@@ -464,7 +465,8 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         dataVC: true
       },
       SSRConfig: {
-        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false
+        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false,
+        disableSizeAndPositionCheck: disableSizeAndPositionCheck
       }
     });
     this.heatmap = !(0, _config.isVCRevisionEnabled)('fy25.01') ? [] : this.getCleanHeatmap();

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

@@ -33,7 +33,8 @@ function isElementVisible(target) {
 var Observers = exports.Observers = /*#__PURE__*/function () {
   function Observers(opts) {
     var _this = this,
-      _opts$SSRConfig;
+      _opts$SSRConfig,
+      _opts$SSRConfig2;
     (0, _classCallCheck2.default)(this, Observers);
     (0, _defineProperty2.default)(this, "observedMutations", new WeakMap());
     (0, _defineProperty2.default)(this, "elementsInView", new Set());
@@ -73,7 +74,10 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
     this.selectorConfig = _objectSpread(_objectSpread({}, this.selectorConfig), opts.selectorConfig);
     this.intersectionObserver = this.getIntersectionObserver();
     this.mutationObserver = this.getMutationObserver();
-    this.ssrPlaceholderHandler = new _ssrPlaceholders.SSRPlaceholderHandlers((_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder);
+    this.ssrPlaceholderHandler = new _ssrPlaceholders.SSRPlaceholderHandlers({
+      enablePageLayoutPlaceholder: (_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck: (_opts$SSRConfig2 = opts.SSRConfig) === null || _opts$SSRConfig2 === void 0 ? void 0 : _opts$SSRConfig2.disableSizeAndPositionCheck
+    });
   }
   return (0, _createClass2.default)(Observers, [{
     key: "isBrowserSupported",

package/dist/cjs/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -11,9 +11,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var ANCESTOR_LOOKUP_LIMIT = 10;
 var PAGE_LAYOUT_ID = 'page-layout.root';
 var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/function () {
-  function SSRPlaceholderHandlers() {
+  function SSRPlaceholderHandlers(_ref) {
     var _this = this;
-    var enablePageLayoutPlaceholder = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    var _ref$enablePageLayout = _ref.enablePageLayoutPlaceholder,
+      enablePageLayoutPlaceholder = _ref$enablePageLayout === void 0 ? false : _ref$enablePageLayout,
+      _ref$disableSizeAndPo = _ref.disableSizeAndPositionCheck,
+      disableSizeAndPositionCheck = _ref$disableSizeAndPo === void 0 ? {
+        v: false,
+        h: false
+      } : _ref$disableSizeAndPo;
     (0, _classCallCheck2.default)(this, SSRPlaceholderHandlers);
     (0, _defineProperty2.default)(this, "staticPlaceholders", new Map());
     (0, _defineProperty2.default)(this, "callbacks", new Map());
@@ -42,10 +48,10 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
       }
       return '';
     });
-    (0, _defineProperty2.default)(this, "intersectionObserverCallback", function (_ref) {
+    (0, _defineProperty2.default)(this, "intersectionObserverCallback", function (_ref2) {
       var _this$intersectionObs;
-      var target = _ref.target,
-        boundingClientRect = _ref.boundingClientRect;
+      var target = _ref2.target,
+        boundingClientRect = _ref2.boundingClientRect;
       (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.unobserve(target);
       if (!(target instanceof HTMLElement)) {
         // impossible case - keep typescript healthy
@@ -102,6 +108,7 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
       });
     }
     this.enablePageLayoutPlaceholder = enablePageLayoutPlaceholder;
+    this.disableSizeAndPositionCheck = disableSizeAndPositionCheck;
     if (window.document) {
       try {
         var selector = this.enablePageLayoutPlaceholder ? '[data-ssr-placeholder],[data-testid="page-layout.root"]' : '[data-ssr-placeholder]';
@@ -223,7 +230,16 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
   }, {
     key: "hasSameSizePosition",
     value: function hasSameSizePosition(rect, boundingClientRect) {
-      return rect && Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD || false;
+      var _this$disableSizeAndP, _this$disableSizeAndP2;
+      if ((_this$disableSizeAndP = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP !== void 0 && _this$disableSizeAndP.v && (_this$disableSizeAndP2 = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP2 !== void 0 && _this$disableSizeAndP2.h) {
+        return true;
+      }
+      if (!rect) {
+        return false;
+      }
+      var horizontalCheck = this.disableSizeAndPositionCheck.h ? true : Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD;
+      var verticalCheck = this.disableSizeAndPositionCheck.v ? true : Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD;
+      return horizontalCheck && verticalCheck || false;
     }
   }, {
     key: "isDummyRect",

package/dist/es2019/interaction-metrics-init/index.js

@@ -85,7 +85,8 @@ export function init(analyticsWebClientAsync, config) {
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
     };
     getVCObserver(vcOptions).start({
       startTime: 0

package/dist/es2019/vc/vc-observer/index.js

@@ -494,7 +494,8 @@ export class VCObserver {
     this.devToolsEnabled = options.devToolsEnabled || false;
     this.oldDomUpdatesEnabled = options.oldDomUpdates || false;
     const {
-      ssrEnablePageLayoutPlaceholder
+      ssrEnablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck
     } = options;
     this.observers = new Observers({
       selectorConfig: options.selectorConfig || {
@@ -505,7 +506,8 @@ export class VCObserver {
         dataVC: true
       },
       SSRConfig: {
-        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false
+        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false,
+        disableSizeAndPositionCheck: disableSizeAndPositionCheck
       }
     });
     this.heatmap = !isVCRevisionEnabled('fy25.01') ? [] : this.getCleanHeatmap();

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

@@ -21,7 +21,7 @@ function isElementVisible(target) {
 }
 export class Observers {
   constructor(opts) {
-    var _opts$SSRConfig;
+    var _opts$SSRConfig, _opts$SSRConfig2;
     _defineProperty(this, "observedMutations", new WeakMap());
     _defineProperty(this, "elementsInView", new Set());
     _defineProperty(this, "callbacks", new Set());
@@ -61,7 +61,10 @@ export class Observers {
     };
     this.intersectionObserver = this.getIntersectionObserver();
     this.mutationObserver = this.getMutationObserver();
-    this.ssrPlaceholderHandler = new SSRPlaceholderHandlers((_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder);
+    this.ssrPlaceholderHandler = new SSRPlaceholderHandlers({
+      enablePageLayoutPlaceholder: (_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck: (_opts$SSRConfig2 = opts.SSRConfig) === null || _opts$SSRConfig2 === void 0 ? void 0 : _opts$SSRConfig2.disableSizeAndPositionCheck
+    });
   }
   isBrowserSupported() {
     return typeof window.IntersectionObserver === 'function' && typeof window.MutationObserver === 'function';

package/dist/es2019/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -2,7 +2,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const ANCESTOR_LOOKUP_LIMIT = 10;
 const PAGE_LAYOUT_ID = 'page-layout.root';
 export class SSRPlaceholderHandlers {
-  constructor(enablePageLayoutPlaceholder = false) {
+  constructor({
+    enablePageLayoutPlaceholder = false,
+    disableSizeAndPositionCheck = {
+      v: false,
+      h: false
+    }
+  }) {
     _defineProperty(this, "staticPlaceholders", new Map());
     _defineProperty(this, "callbacks", new Map());
     _defineProperty(this, "getSizeCallbacks", new Map());
@@ -87,6 +93,7 @@ export class SSRPlaceholderHandlers {
       this.intersectionObserver = new IntersectionObserver(entries => entries.filter(entry => entry.intersectionRatio > 0).forEach(this.intersectionObserverCallback));
     }
     this.enablePageLayoutPlaceholder = enablePageLayoutPlaceholder;
+    this.disableSizeAndPositionCheck = disableSizeAndPositionCheck;
     if (window.document) {
       try {
         const selector = this.enablePageLayoutPlaceholder ? '[data-ssr-placeholder],[data-testid="page-layout.root"]' : '[data-ssr-placeholder]';
@@ -187,7 +194,16 @@ export class SSRPlaceholderHandlers {
     });
   }
   hasSameSizePosition(rect, boundingClientRect) {
-    return rect && Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD || false;
+    var _this$disableSizeAndP, _this$disableSizeAndP2;
+    if ((_this$disableSizeAndP = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP !== void 0 && _this$disableSizeAndP.v && (_this$disableSizeAndP2 = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP2 !== void 0 && _this$disableSizeAndP2.h) {
+      return true;
+    }
+    if (!rect) {
+      return false;
+    }
+    const horizontalCheck = this.disableSizeAndPositionCheck.h ? true : Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD;
+    const verticalCheck = this.disableSizeAndPositionCheck.v ? true : Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD;
+    return horizontalCheck && verticalCheck || false;
   }
   isDummyRect(rect) {
     return rect && rect.width < 0 && rect.height < 0 || false;

package/dist/esm/interaction-metrics-init/index.js

@@ -86,7 +86,8 @@ export function init(analyticsWebClientAsync, config) {
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
     };
     getVCObserver(vcOptions).start({
       startTime: 0

package/dist/esm/vc/vc-observer/index.js

@@ -447,7 +447,8 @@ export var VCObserver = /*#__PURE__*/function () {
     this.arraySize = options.heatmapSize || 200;
     this.devToolsEnabled = options.devToolsEnabled || false;
     this.oldDomUpdatesEnabled = options.oldDomUpdates || false;
-    var ssrEnablePageLayoutPlaceholder = options.ssrEnablePageLayoutPlaceholder;
+    var ssrEnablePageLayoutPlaceholder = options.ssrEnablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck = options.disableSizeAndPositionCheck;
     this.observers = new Observers({
       selectorConfig: options.selectorConfig || {
         id: false,
@@ -457,7 +458,8 @@ export var VCObserver = /*#__PURE__*/function () {
         dataVC: true
       },
       SSRConfig: {
-        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false
+        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false,
+        disableSizeAndPositionCheck: disableSizeAndPositionCheck
       }
     });
     this.heatmap = !isVCRevisionEnabled('fy25.01') ? [] : this.getCleanHeatmap();

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

@@ -26,7 +26,8 @@ function isElementVisible(target) {
 export var Observers = /*#__PURE__*/function () {
   function Observers(opts) {
     var _this = this,
-      _opts$SSRConfig;
+      _opts$SSRConfig,
+      _opts$SSRConfig2;
     _classCallCheck(this, Observers);
     _defineProperty(this, "observedMutations", new WeakMap());
     _defineProperty(this, "elementsInView", new Set());
@@ -66,7 +67,10 @@ export var Observers = /*#__PURE__*/function () {
     this.selectorConfig = _objectSpread(_objectSpread({}, this.selectorConfig), opts.selectorConfig);
     this.intersectionObserver = this.getIntersectionObserver();
     this.mutationObserver = this.getMutationObserver();
-    this.ssrPlaceholderHandler = new SSRPlaceholderHandlers((_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder);
+    this.ssrPlaceholderHandler = new SSRPlaceholderHandlers({
+      enablePageLayoutPlaceholder: (_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder,
+      disableSizeAndPositionCheck: (_opts$SSRConfig2 = opts.SSRConfig) === null || _opts$SSRConfig2 === void 0 ? void 0 : _opts$SSRConfig2.disableSizeAndPositionCheck
+    });
   }
   return _createClass(Observers, [{
     key: "isBrowserSupported",

package/dist/esm/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -4,9 +4,15 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var ANCESTOR_LOOKUP_LIMIT = 10;
 var PAGE_LAYOUT_ID = 'page-layout.root';
 export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
-  function SSRPlaceholderHandlers() {
+  function SSRPlaceholderHandlers(_ref) {
     var _this = this;
-    var enablePageLayoutPlaceholder = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    var _ref$enablePageLayout = _ref.enablePageLayoutPlaceholder,
+      enablePageLayoutPlaceholder = _ref$enablePageLayout === void 0 ? false : _ref$enablePageLayout,
+      _ref$disableSizeAndPo = _ref.disableSizeAndPositionCheck,
+      disableSizeAndPositionCheck = _ref$disableSizeAndPo === void 0 ? {
+        v: false,
+        h: false
+      } : _ref$disableSizeAndPo;
     _classCallCheck(this, SSRPlaceholderHandlers);
     _defineProperty(this, "staticPlaceholders", new Map());
     _defineProperty(this, "callbacks", new Map());
@@ -35,10 +41,10 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
       }
       return '';
     });
-    _defineProperty(this, "intersectionObserverCallback", function (_ref) {
+    _defineProperty(this, "intersectionObserverCallback", function (_ref2) {
       var _this$intersectionObs;
-      var target = _ref.target,
-        boundingClientRect = _ref.boundingClientRect;
+      var target = _ref2.target,
+        boundingClientRect = _ref2.boundingClientRect;
       (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.unobserve(target);
       if (!(target instanceof HTMLElement)) {
         // impossible case - keep typescript healthy
@@ -95,6 +101,7 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
       });
     }
     this.enablePageLayoutPlaceholder = enablePageLayoutPlaceholder;
+    this.disableSizeAndPositionCheck = disableSizeAndPositionCheck;
     if (window.document) {
       try {
         var selector = this.enablePageLayoutPlaceholder ? '[data-ssr-placeholder],[data-testid="page-layout.root"]' : '[data-ssr-placeholder]';
@@ -216,7 +223,16 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
   }, {
     key: "hasSameSizePosition",
     value: function hasSameSizePosition(rect, boundingClientRect) {
-      return rect && Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD || false;
+      var _this$disableSizeAndP, _this$disableSizeAndP2;
+      if ((_this$disableSizeAndP = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP !== void 0 && _this$disableSizeAndP.v && (_this$disableSizeAndP2 = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP2 !== void 0 && _this$disableSizeAndP2.h) {
+        return true;
+      }
+      if (!rect) {
+        return false;
+      }
+      var horizontalCheck = this.disableSizeAndPositionCheck.h ? true : Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD;
+      var verticalCheck = this.disableSizeAndPositionCheck.v ? true : Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD;
+      return horizontalCheck && verticalCheck || false;
     }
   }, {
     key: "isDummyRect",

package/dist/types/config/index.d.ts

@@ -74,6 +74,10 @@ export type Config = {
         readonly ssr?: boolean;
         readonly ssrWhitelist?: string[];
         readonly ssrEnablePageLayoutPlaceholder?: boolean;
+        readonly disableSizeAndPositionCheck?: {
+            v: boolean;
+            h: boolean;
+        };
         readonly includeSSRInV3?: boolean;
         readonly stopVCAtInteractionFinish?: boolean;
         readonly includeSSRRatio?: boolean;

package/dist/types/vc/types.d.ts

@@ -26,6 +26,10 @@ export type VCObserverOptions = {
     selectorConfig?: SelectorConfig | undefined;
     isPostInteraction?: boolean;
     ssrEnablePageLayoutPlaceholder?: boolean;
+    disableSizeAndPositionCheck?: {
+        v: boolean;
+        h: boolean;
+    };
 };
 export interface VCObserverInterface {
     start(startArg: {

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

@@ -11,6 +11,10 @@ type ConstructorOptions = {
     selectorConfig: SelectorConfig;
     SSRConfig?: {
         enablePageLayoutPlaceholder: boolean;
+        disableSizeAndPositionCheck?: {
+            v: boolean;
+            h: boolean;
+        };
     };
 };
 export declare class Observers implements BrowserObservers {

package/dist/types/vc/vc-observer/observers/ssr-placeholders/index.d.ts

@@ -4,6 +4,14 @@ type Rect = {
     width: number;
     height: number;
 };
+type DisableSizeAndPositionCheckType = {
+    v: boolean;
+    h: boolean;
+};
+type SSRPlaceholderHandlersConfig = {
+    enablePageLayoutPlaceholder?: boolean;
+    disableSizeAndPositionCheck?: DisableSizeAndPositionCheckType;
+};
 export declare class SSRPlaceholderHandlers {
     private staticPlaceholders;
     private callbacks;
@@ -12,7 +20,8 @@ export declare class SSRPlaceholderHandlers {
     private intersectionObserver;
     private EQUALITY_THRESHOLD;
     private enablePageLayoutPlaceholder;
-    constructor(enablePageLayoutPlaceholder?: boolean);
+    private disableSizeAndPositionCheck;
+    constructor({ enablePageLayoutPlaceholder, disableSizeAndPositionCheck }: SSRPlaceholderHandlersConfig);
     private getPlaceholderId;
     private getPlaceholderReplacementId;
     clear(): void;

package/dist/types-ts4.5/config/index.d.ts

@@ -74,6 +74,10 @@ export type Config = {
         readonly ssr?: boolean;
         readonly ssrWhitelist?: string[];
         readonly ssrEnablePageLayoutPlaceholder?: boolean;
+        readonly disableSizeAndPositionCheck?: {
+            v: boolean;
+            h: boolean;
+        };
         readonly includeSSRInV3?: boolean;
         readonly stopVCAtInteractionFinish?: boolean;
         readonly includeSSRRatio?: boolean;

package/dist/types-ts4.5/vc/types.d.ts

@@ -26,6 +26,10 @@ export type VCObserverOptions = {
     selectorConfig?: SelectorConfig | undefined;
     isPostInteraction?: boolean;
     ssrEnablePageLayoutPlaceholder?: boolean;
+    disableSizeAndPositionCheck?: {
+        v: boolean;
+        h: boolean;
+    };
 };
 export interface VCObserverInterface {
     start(startArg: {

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

@@ -11,6 +11,10 @@ type ConstructorOptions = {
     selectorConfig: SelectorConfig;
     SSRConfig?: {
         enablePageLayoutPlaceholder: boolean;
+        disableSizeAndPositionCheck?: {
+            v: boolean;
+            h: boolean;
+        };
     };
 };
 export declare class Observers implements BrowserObservers {

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

@@ -4,6 +4,14 @@ type Rect = {
     width: number;
     height: number;
 };
+type DisableSizeAndPositionCheckType = {
+    v: boolean;
+    h: boolean;
+};
+type SSRPlaceholderHandlersConfig = {
+    enablePageLayoutPlaceholder?: boolean;
+    disableSizeAndPositionCheck?: DisableSizeAndPositionCheckType;
+};
 export declare class SSRPlaceholderHandlers {
     private staticPlaceholders;
     private callbacks;
@@ -12,7 +20,8 @@ export declare class SSRPlaceholderHandlers {
     private intersectionObserver;
     private EQUALITY_THRESHOLD;
     private enablePageLayoutPlaceholder;
-    constructor(enablePageLayoutPlaceholder?: boolean);
+    private disableSizeAndPositionCheck;
+    constructor({ enablePageLayoutPlaceholder, disableSizeAndPositionCheck }: SSRPlaceholderHandlersConfig);
     private getPlaceholderId;
     private getPlaceholderReplacementId;
     clear(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "3.13.21",
+	"version": "3.13.22",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",