@atlaskit/portal 5.4.1 → 5.4.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/portal
 
+## 5.4.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.4.1
 
 ### Patch Changes

package/dist/cjs/internal/components/internal-portal-new.js

@@ -12,7 +12,9 @@ var _reactDom = require("react-dom");
 var _appProvider = require("@atlaskit/app-provider");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useIsomorphicLayoutEffect = require("../hooks/use-isomorphic-layout-effect");
-var _portalDomUtils = require("../utils/portal-dom-utils");
+var _createAtlaskitPortal = require("../utils/create-atlaskit-portal");
+var _createPortalParent = require("../utils/create-portal-parent");
+var _removePortalParent = require("../utils/remove-portal-parent");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function InternalPortalNew(props) {
   var zIndex = props.zIndex,
@@ -26,9 +28,9 @@ function InternalPortalNew(props) {
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if ((0, _platformFeatureFlags.fg)('import_into_jsm_in_template_gallery_killswitch')) {
       if (!isClosed) {
-        var tempPortalContainer = (0, _portalDomUtils.createAtlaskitPortal)(zIndex);
+        var tempPortalContainer = (0, _createAtlaskitPortal.createAtlaskitPortal)(zIndex);
         setAtlaskitPortal(tempPortalContainer);
-        var portalParent = (0, _portalDomUtils.createPortalParent)();
+        var portalParent = (0, _createPortalParent.createPortalParent)();
         if (!tempPortalContainer || !portalParent) {
           return;
         }
@@ -36,15 +38,15 @@ function InternalPortalNew(props) {
         return function () {
           if (portalParent) {
             portalParent.removeChild(tempPortalContainer);
-            !portalParent.hasChildNodes() && (0, _portalDomUtils.removePortalParent)(portalParent);
+            !portalParent.hasChildNodes() && (0, _removePortalParent.removePortalParent)(portalParent);
           }
           setAtlaskitPortal(null);
         };
       }
     } else {
-      var _tempPortalContainer = (0, _portalDomUtils.createAtlaskitPortal)(zIndex);
+      var _tempPortalContainer = (0, _createAtlaskitPortal.createAtlaskitPortal)(zIndex);
       setAtlaskitPortal(_tempPortalContainer);
-      var _portalParent = (0, _portalDomUtils.createPortalParent)();
+      var _portalParent = (0, _createPortalParent.createPortalParent)();
       if (!_tempPortalContainer || !_portalParent) {
         return;
       }

package/dist/cjs/internal/components/internal-portal.js

@@ -9,7 +9,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
 var _appProvider = require("@atlaskit/app-provider");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _portalDomUtils = require("../utils/portal-dom-utils");
+var _appendPortalContainerIfNotAppended = require("../utils/append-portal-container-if-not-appended");
+var _createContainer = require("../utils/create-container");
+var _removePortalContainer = require("../utils/remove-portal-container");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function InternalPortal(props) {
   var zIndex = props.zIndex,
@@ -17,7 +19,7 @@ function InternalPortal(props) {
     _props$isClosed = props.isClosed,
     isClosed = _props$isClosed === void 0 ? false : _props$isClosed;
   var container = (0, _react.useMemo)(function () {
-    return (0, _portalDomUtils.createContainer)(zIndex);
+    return (0, _createContainer.createContainer)(zIndex);
   }, [zIndex]);
   var colorMode = (0, _appProvider.useColorMode)();
 
@@ -25,17 +27,17 @@ function InternalPortal(props) {
   // the portal will be added to the DOM before the children render.
   // For any further changes, ensure that the container does not have a
   // parent besides the portal parent.
-  (0, _portalDomUtils.appendPortalContainerIfNotAppended)(container);
+  (0, _appendPortalContainerIfNotAppended.appendPortalContainerIfNotAppended)(container);
   (0, _react.useEffect)(function () {
     if ((0, _platformFeatureFlags.fg)('import_into_jsm_in_template_gallery_killswitch')) {
       if (isClosed) {
-        (0, _portalDomUtils.removePortalContainer)(container);
+        (0, _removePortalContainer.removePortalContainer)(container);
       }
     }
   }, [isClosed, container]);
   (0, _react.useEffect)(function () {
     return function () {
-      (0, _portalDomUtils.removePortalContainer)(container);
+      (0, _removePortalContainer.removePortalContainer)(container);
     };
   }, [container]);
   return /*#__PURE__*/(0, _reactDom.createPortal)(colorMode ? /*#__PURE__*/_react.default.createElement(_appProvider.ThemeProvider, {

package/dist/cjs/internal/utils/append-portal-container-if-not-appended.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.appendPortalContainerIfNotAppended = void 0;
+var _constants = require("../constants");
+var _getBody2 = require("./get-body");
+var getPortalParent = function getPortalParent() {
+  var parentElement = document.querySelector(_constants.portalParentSelector);
+  if (!parentElement) {
+    var _getBody;
+    var parent = document.createElement('div');
+    parent.className = _constants.portalParentClassName;
+    // we are setting display to flex because we want each portal to create a new stacking context
+    // See https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+    parent.style.display = 'flex';
+    (_getBody = (0, _getBody2.getBody)()) === null || _getBody === void 0 || _getBody.appendChild(parent);
+    return parent;
+  }
+  return parentElement;
+};
+var appendPortalContainerIfNotAppended = exports.appendPortalContainerIfNotAppended = function appendPortalContainerIfNotAppended(container) {
+  if (!container.parentElement) {
+    getPortalParent().appendChild(container);
+  }
+};

package/dist/cjs/internal/utils/create-atlaskit-portal.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAtlaskitPortal = void 0;
+var _constants = require("../constants");
+var isDocumentDefined = function isDocumentDefined() {
+  return document !== undefined;
+};
+var createAtlaskitPortal = exports.createAtlaskitPortal = function createAtlaskitPortal(zIndex) {
+  //atlaskit-portal div
+  if (isDocumentDefined()) {
+    var atlaskitportal = document.createElement('div');
+    atlaskitportal.className = _constants.portalClassName;
+    atlaskitportal.style.zIndex = "".concat(zIndex);
+    return atlaskitportal;
+  }
+  return;
+};

package/dist/cjs/internal/utils/create-container.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createContainer = void 0;
+var _constants = require("../constants");
+var createContainer = exports.createContainer = function createContainer(zIndex) {
+  var container = document.createElement('div');
+  container.className = _constants.portalClassName;
+  container.style.zIndex = "".concat(zIndex);
+  return container;
+};

package/dist/cjs/internal/utils/create-portal-parent.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPortalParent = void 0;
+var _constants = require("../constants");
+var _getBody2 = require("./get-body");
+var isDocumentDefined = function isDocumentDefined() {
+  return document !== undefined;
+};
+var createPortalParent = exports.createPortalParent = function createPortalParent() {
+  //atlaskit-portal-container div
+  if (isDocumentDefined()) {
+    var parentElement = document.querySelector(_constants.portalParentSelector);
+    if (!parentElement) {
+      var _getBody;
+      var parent = document.createElement('div');
+      parent.className = _constants.portalParentClassName;
+      parent.style.display = 'flex';
+      (_getBody = (0, _getBody2.getBody)()) === null || _getBody === void 0 || _getBody.appendChild(parent);
+      return parent;
+    }
+    return parentElement;
+  }
+  return;
+};

package/dist/cjs/internal/utils/get-body.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBody = void 0;
+/**
+ * Returns document body element
+ * @return {number} - The document body element
+ */
+var getBody = exports.getBody = function getBody() {
+  return document.body;
+};

package/dist/cjs/internal/utils/remove-portal-container.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removePortalContainer = void 0;
+var _constants = require("../constants");
+var _getBody2 = require("./get-body");
+var getPortalParent = function getPortalParent() {
+  var parentElement = document.querySelector(_constants.portalParentSelector);
+  if (!parentElement) {
+    var _getBody;
+    var parent = document.createElement('div');
+    parent.className = _constants.portalParentClassName;
+    // we are setting display to flex because we want each portal to create a new stacking context
+    // See https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+    parent.style.display = 'flex';
+    (_getBody = (0, _getBody2.getBody)()) === null || _getBody === void 0 || _getBody.appendChild(parent);
+    return parent;
+  }
+  return parentElement;
+};
+var removePortalContainer = exports.removePortalContainer = function removePortalContainer(container) {
+  var parent = getPortalParent();
+  if (parent.contains(container)) {
+    parent.removeChild(container);
+  }
+};

package/dist/cjs/internal/utils/remove-portal-parent.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removePortalParent = void 0;
+var _getBody2 = require("./get-body");
+var isDocumentDefined = function isDocumentDefined() {
+  return document !== undefined;
+};
+var removePortalParent = exports.removePortalParent = function removePortalParent(parentElement) {
+  if (isDocumentDefined()) {
+    if (parentElement) {
+      var _getBody;
+      (_getBody = (0, _getBody2.getBody)()) === null || _getBody === void 0 || _getBody.removeChild(parentElement);
+    }
+  }
+};

package/dist/es2019/internal/components/internal-portal-new.js

@@ -3,7 +3,9 @@ import { createPortal } from 'react-dom';
 import { ThemeProvider, useColorMode } from '@atlaskit/app-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useIsomorphicLayoutEffect } from '../hooks/use-isomorphic-layout-effect';
-import { createAtlaskitPortal, createPortalParent, removePortalParent } from '../utils/portal-dom-utils';
+import { createAtlaskitPortal } from '../utils/create-atlaskit-portal';
+import { createPortalParent } from '../utils/create-portal-parent';
+import { removePortalParent } from '../utils/remove-portal-parent';
 export default function InternalPortalNew(props) {
   const {
     zIndex,

package/dist/es2019/internal/components/internal-portal.js

@@ -2,7 +2,9 @@ import React, { useEffect, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import { ThemeProvider, useColorMode } from '@atlaskit/app-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { appendPortalContainerIfNotAppended, createContainer, removePortalContainer } from '../utils/portal-dom-utils';
+import { appendPortalContainerIfNotAppended } from '../utils/append-portal-container-if-not-appended';
+import { createContainer } from '../utils/create-container';
+import { removePortalContainer } from '../utils/remove-portal-container';
 export default function InternalPortal(props) {
   const {
     zIndex,

package/dist/es2019/internal/utils/append-portal-container-if-not-appended.js

@@ -0,0 +1,21 @@
+import { portalParentClassName, portalParentSelector } from '../constants';
+import { getBody } from './get-body';
+const getPortalParent = () => {
+  const parentElement = document.querySelector(portalParentSelector);
+  if (!parentElement) {
+    var _getBody;
+    const parent = document.createElement('div');
+    parent.className = portalParentClassName;
+    // we are setting display to flex because we want each portal to create a new stacking context
+    // See https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+    parent.style.display = 'flex';
+    (_getBody = getBody()) === null || _getBody === void 0 ? void 0 : _getBody.appendChild(parent);
+    return parent;
+  }
+  return parentElement;
+};
+export const appendPortalContainerIfNotAppended = container => {
+  if (!container.parentElement) {
+    getPortalParent().appendChild(container);
+  }
+};

package/dist/es2019/internal/utils/create-atlaskit-portal.js

@@ -0,0 +1,14 @@
+import { portalClassName } from '../constants';
+const isDocumentDefined = () => {
+  return document !== undefined;
+};
+export const createAtlaskitPortal = zIndex => {
+  //atlaskit-portal div
+  if (isDocumentDefined()) {
+    const atlaskitportal = document.createElement('div');
+    atlaskitportal.className = portalClassName;
+    atlaskitportal.style.zIndex = `${zIndex}`;
+    return atlaskitportal;
+  }
+  return;
+};

package/dist/es2019/internal/utils/create-container.js

@@ -0,0 +1,7 @@
+import { portalClassName } from '../constants';
+export const createContainer = zIndex => {
+  const container = document.createElement('div');
+  container.className = portalClassName;
+  container.style.zIndex = `${zIndex}`;
+  return container;
+};

package/dist/es2019/internal/utils/create-portal-parent.js

@@ -0,0 +1,21 @@
+import { portalParentClassName, portalParentSelector } from '../constants';
+import { getBody } from './get-body';
+const isDocumentDefined = () => {
+  return document !== undefined;
+};
+export const createPortalParent = () => {
+  //atlaskit-portal-container div
+  if (isDocumentDefined()) {
+    const parentElement = document.querySelector(portalParentSelector);
+    if (!parentElement) {
+      var _getBody;
+      const parent = document.createElement('div');
+      parent.className = portalParentClassName;
+      parent.style.display = 'flex';
+      (_getBody = getBody()) === null || _getBody === void 0 ? void 0 : _getBody.appendChild(parent);
+      return parent;
+    }
+    return parentElement;
+  }
+  return;
+};

package/dist/es2019/internal/utils/get-body.js

@@ -0,0 +1,7 @@
+/**
+ * Returns document body element
+ * @return {number} - The document body element
+ */
+export const getBody = () => {
+  return document.body;
+};

package/dist/es2019/internal/utils/remove-portal-container.js

@@ -0,0 +1,22 @@
+import { portalParentClassName, portalParentSelector } from '../constants';
+import { getBody } from './get-body';
+const getPortalParent = () => {
+  const parentElement = document.querySelector(portalParentSelector);
+  if (!parentElement) {
+    var _getBody;
+    const parent = document.createElement('div');
+    parent.className = portalParentClassName;
+    // we are setting display to flex because we want each portal to create a new stacking context
+    // See https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+    parent.style.display = 'flex';
+    (_getBody = getBody()) === null || _getBody === void 0 ? void 0 : _getBody.appendChild(parent);
+    return parent;
+  }
+  return parentElement;
+};
+export const removePortalContainer = container => {
+  const parent = getPortalParent();
+  if (parent.contains(container)) {
+    parent.removeChild(container);
+  }
+};

package/dist/es2019/internal/utils/remove-portal-parent.js

@@ -0,0 +1,12 @@
+import { getBody } from './get-body';
+const isDocumentDefined = () => {
+  return document !== undefined;
+};
+export const removePortalParent = parentElement => {
+  if (isDocumentDefined()) {
+    if (parentElement) {
+      var _getBody;
+      (_getBody = getBody()) === null || _getBody === void 0 ? void 0 : _getBody.removeChild(parentElement);
+    }
+  }
+};

package/dist/esm/internal/components/internal-portal-new.js

@@ -4,7 +4,9 @@ import { createPortal } from 'react-dom';
 import { ThemeProvider, useColorMode } from '@atlaskit/app-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useIsomorphicLayoutEffect } from '../hooks/use-isomorphic-layout-effect';
-import { createAtlaskitPortal, createPortalParent, removePortalParent } from '../utils/portal-dom-utils';
+import { createAtlaskitPortal } from '../utils/create-atlaskit-portal';
+import { createPortalParent } from '../utils/create-portal-parent';
+import { removePortalParent } from '../utils/remove-portal-parent';
 export default function InternalPortalNew(props) {
   var zIndex = props.zIndex,
     children = props.children,

package/dist/esm/internal/components/internal-portal.js

@@ -2,7 +2,9 @@ import React, { useEffect, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import { ThemeProvider, useColorMode } from '@atlaskit/app-provider';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { appendPortalContainerIfNotAppended, createContainer, removePortalContainer } from '../utils/portal-dom-utils';
+import { appendPortalContainerIfNotAppended } from '../utils/append-portal-container-if-not-appended';
+import { createContainer } from '../utils/create-container';
+import { removePortalContainer } from '../utils/remove-portal-container';
 export default function InternalPortal(props) {
   var zIndex = props.zIndex,
     children = props.children,

package/dist/esm/internal/utils/append-portal-container-if-not-appended.js

@@ -0,0 +1,21 @@
+import { portalParentClassName, portalParentSelector } from '../constants';
+import { getBody } from './get-body';
+var getPortalParent = function getPortalParent() {
+  var parentElement = document.querySelector(portalParentSelector);
+  if (!parentElement) {
+    var _getBody;
+    var parent = document.createElement('div');
+    parent.className = portalParentClassName;
+    // we are setting display to flex because we want each portal to create a new stacking context
+    // See https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+    parent.style.display = 'flex';
+    (_getBody = getBody()) === null || _getBody === void 0 || _getBody.appendChild(parent);
+    return parent;
+  }
+  return parentElement;
+};
+export var appendPortalContainerIfNotAppended = function appendPortalContainerIfNotAppended(container) {
+  if (!container.parentElement) {
+    getPortalParent().appendChild(container);
+  }
+};

package/dist/esm/internal/utils/create-atlaskit-portal.js

@@ -0,0 +1,14 @@
+import { portalClassName } from '../constants';
+var isDocumentDefined = function isDocumentDefined() {
+  return document !== undefined;
+};
+export var createAtlaskitPortal = function createAtlaskitPortal(zIndex) {
+  //atlaskit-portal div
+  if (isDocumentDefined()) {
+    var atlaskitportal = document.createElement('div');
+    atlaskitportal.className = portalClassName;
+    atlaskitportal.style.zIndex = "".concat(zIndex);
+    return atlaskitportal;
+  }
+  return;
+};

package/dist/esm/internal/utils/create-container.js

@@ -0,0 +1,7 @@
+import { portalClassName } from '../constants';
+export var createContainer = function createContainer(zIndex) {
+  var container = document.createElement('div');
+  container.className = portalClassName;
+  container.style.zIndex = "".concat(zIndex);
+  return container;
+};

package/dist/esm/internal/utils/create-portal-parent.js

@@ -0,0 +1,21 @@
+import { portalParentClassName, portalParentSelector } from '../constants';
+import { getBody } from './get-body';
+var isDocumentDefined = function isDocumentDefined() {
+  return document !== undefined;
+};
+export var createPortalParent = function createPortalParent() {
+  //atlaskit-portal-container div
+  if (isDocumentDefined()) {
+    var parentElement = document.querySelector(portalParentSelector);
+    if (!parentElement) {
+      var _getBody;
+      var parent = document.createElement('div');
+      parent.className = portalParentClassName;
+      parent.style.display = 'flex';
+      (_getBody = getBody()) === null || _getBody === void 0 || _getBody.appendChild(parent);
+      return parent;
+    }
+    return parentElement;
+  }
+  return;
+};

package/dist/esm/internal/utils/get-body.js

@@ -0,0 +1,7 @@
+/**
+ * Returns document body element
+ * @return {number} - The document body element
+ */
+export var getBody = function getBody() {
+  return document.body;
+};

package/dist/esm/internal/utils/remove-portal-container.js

@@ -0,0 +1,22 @@
+import { portalParentClassName, portalParentSelector } from '../constants';
+import { getBody } from './get-body';
+var getPortalParent = function getPortalParent() {
+  var parentElement = document.querySelector(portalParentSelector);
+  if (!parentElement) {
+    var _getBody;
+    var parent = document.createElement('div');
+    parent.className = portalParentClassName;
+    // we are setting display to flex because we want each portal to create a new stacking context
+    // See https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+    parent.style.display = 'flex';
+    (_getBody = getBody()) === null || _getBody === void 0 || _getBody.appendChild(parent);
+    return parent;
+  }
+  return parentElement;
+};
+export var removePortalContainer = function removePortalContainer(container) {
+  var parent = getPortalParent();
+  if (parent.contains(container)) {
+    parent.removeChild(container);
+  }
+};

package/dist/esm/internal/utils/remove-portal-parent.js

@@ -0,0 +1,12 @@
+import { getBody } from './get-body';
+var isDocumentDefined = function isDocumentDefined() {
+  return document !== undefined;
+};
+export var removePortalParent = function removePortalParent(parentElement) {
+  if (isDocumentDefined()) {
+    if (parentElement) {
+      var _getBody;
+      (_getBody = getBody()) === null || _getBody === void 0 || _getBody.removeChild(parentElement);
+    }
+  }
+};

package/dist/types/internal/utils/append-portal-container-if-not-appended.d.ts

@@ -0,0 +1 @@
+export declare const appendPortalContainerIfNotAppended: (container: HTMLDivElement) => void;

package/dist/types/internal/utils/create-atlaskit-portal.d.ts

@@ -0,0 +1 @@
+export declare const createAtlaskitPortal: (zIndex: number | string) => HTMLDivElement | undefined;

package/dist/types/internal/utils/create-container.d.ts

@@ -0,0 +1 @@
+export declare const createContainer: (zIndex: number | string) => HTMLDivElement;

package/dist/types/internal/utils/create-portal-parent.d.ts

@@ -0,0 +1 @@
+export declare const createPortalParent: () => Element | undefined;

package/dist/types/internal/utils/get-body.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns document body element
+ * @return {number} - The document body element
+ */
+export declare const getBody: () => HTMLElement | null;

package/dist/types/internal/utils/remove-portal-container.d.ts

@@ -0,0 +1 @@
+export declare const removePortalContainer: (container: HTMLDivElement) => void;

package/dist/types/internal/utils/remove-portal-parent.d.ts

@@ -0,0 +1 @@
+export declare const removePortalParent: (parentElement: Element) => void;

package/dist/types-ts4.5/internal/utils/append-portal-container-if-not-appended.d.ts

@@ -0,0 +1 @@
+export declare const appendPortalContainerIfNotAppended: (container: HTMLDivElement) => void;

package/dist/types-ts4.5/internal/utils/create-atlaskit-portal.d.ts

@@ -0,0 +1 @@
+export declare const createAtlaskitPortal: (zIndex: number | string) => HTMLDivElement | undefined;

package/dist/types-ts4.5/internal/utils/create-container.d.ts

@@ -0,0 +1 @@
+export declare const createContainer: (zIndex: number | string) => HTMLDivElement;

package/dist/types-ts4.5/internal/utils/create-portal-parent.d.ts

@@ -0,0 +1 @@
+export declare const createPortalParent: () => Element | undefined;

package/dist/types-ts4.5/internal/utils/get-body.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns document body element
+ * @return {number} - The document body element
+ */
+export declare const getBody: () => HTMLElement | null;

package/dist/types-ts4.5/internal/utils/remove-portal-container.d.ts

@@ -0,0 +1 @@
+export declare const removePortalContainer: (container: HTMLDivElement) => void;

package/dist/types-ts4.5/internal/utils/remove-portal-parent.d.ts

@@ -0,0 +1 @@
+export declare const removePortalParent: (parentElement: Element) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/portal",
-	"version": "5.4.1",
+	"version": "5.4.2",
 	"description": "A wrapper for rendering components in React portals.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
 	"dependencies": {
 		"@atlaskit/app-provider": "^4.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/theme": "^22.0.0",
+		"@atlaskit/theme": "^23.0.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
@@ -52,14 +52,14 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.10.0",
+		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/code": "^17.4.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/docs": "^11.7.0",
 		"@atlaskit/flag": "^17.9.0",
 		"@atlaskit/icon": "^34.0.0",
 		"@atlaskit/inline-dialog": "^18.0.0",
-		"@atlaskit/link": "^3.3.0",
+		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/modal-dialog": "^14.14.0",
 		"@atlaskit/onboarding": "^14.5.0",
 		"@atlaskit/primitives": "^18.1.0",

package/dist/cjs/internal/utils/portal-dom-utils.js

@@ -1,104 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.removePortalParent = exports.removePortalContainer = exports.createPortalParent = exports.createContainer = exports.createAtlaskitPortal = exports.appendPortalContainerIfNotAppended = void 0;
-var _constants = require("../constants");
-/**
- * Creates a new portal container element with provided z-index and class name 'atlaskit-portal',
- * it is not be attached to any DOM node at this stage.
- * @param {number | string} zIndex - the z-index value of the newly created portal container element
- * @return {number} - The newly created container element
- */
-var createContainer = exports.createContainer = function createContainer(zIndex) {
-  var container = document.createElement('div');
-  container.className = _constants.portalClassName;
-  container.style.zIndex = "".concat(zIndex);
-  return container;
-};
-
-/**
- * Returns document body element
- * @return {number} - The document body element
- */
-var getBody = function getBody() {
-  return document.body;
-};
-
-/**
- * Returns portal parent container. If no container exists already then it creates a new container with class name 'atlaskit-portal-container'
- * @return {Element} - The portal parent container div element
- */
-var getPortalParent = function getPortalParent() {
-  var parentElement = document.querySelector(_constants.portalParentSelector);
-  if (!parentElement) {
-    var _getBody;
-    var parent = document.createElement('div');
-    parent.className = _constants.portalParentClassName;
-    // we are setting display to flex because we want each portal to create a new stacking context
-    // See https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
-    parent.style.display = 'flex';
-    (_getBody = getBody()) === null || _getBody === void 0 || _getBody.appendChild(parent);
-    return parent;
-  }
-  return parentElement;
-};
-
-/**
- * Removes portal container from portal parent container
- *  @param {HTMLDivElement | undefined} container - portal container to be removed from portal parent container
- */
-var removePortalContainer = exports.removePortalContainer = function removePortalContainer(container) {
-  var parent = getPortalParent();
-  if (parent.contains(container)) {
-    parent.removeChild(container);
-  }
-};
-
-/**
- * Appends portal container to portal parent container if it hasn't already been done
- *  @param {HTMLDivElement | undefined} container - portal container to be added to portal parent container
- */
-var appendPortalContainerIfNotAppended = exports.appendPortalContainerIfNotAppended = function appendPortalContainerIfNotAppended(container) {
-  if (!container.parentElement) {
-    getPortalParent().appendChild(container);
-  }
-};
-var isDocumentDefined = function isDocumentDefined() {
-  return document !== undefined;
-};
-var createAtlaskitPortal = exports.createAtlaskitPortal = function createAtlaskitPortal(zIndex) {
-  //atlaskit-portal div
-  if (isDocumentDefined()) {
-    var atlaskitportal = document.createElement('div');
-    atlaskitportal.className = _constants.portalClassName;
-    atlaskitportal.style.zIndex = "".concat(zIndex);
-    return atlaskitportal;
-  }
-  return;
-};
-var createPortalParent = exports.createPortalParent = function createPortalParent() {
-  //atlaskit-portal-container div
-  if (isDocumentDefined()) {
-    var parentElement = document.querySelector(_constants.portalParentSelector);
-    if (!parentElement) {
-      var _getBody2;
-      var parent = document.createElement('div');
-      parent.className = _constants.portalParentClassName;
-      parent.style.display = 'flex';
-      (_getBody2 = getBody()) === null || _getBody2 === void 0 || _getBody2.appendChild(parent);
-      return parent;
-    }
-    return parentElement;
-  }
-  return;
-};
-var removePortalParent = exports.removePortalParent = function removePortalParent(parentElement) {
-  if (isDocumentDefined()) {
-    if (parentElement) {
-      var _getBody3;
-      (_getBody3 = getBody()) === null || _getBody3 === void 0 || _getBody3.removeChild(parentElement);
-    }
-  }
-};

package/dist/es2019/internal/utils/portal-dom-utils.js

@@ -1,99 +0,0 @@
-import { portalClassName, portalParentClassName, portalParentSelector } from '../constants';
-
-/**
- * Creates a new portal container element with provided z-index and class name 'atlaskit-portal',
- * it is not be attached to any DOM node at this stage.
- * @param {number | string} zIndex - the z-index value of the newly created portal container element
- * @return {number} - The newly created container element
- */
-export const createContainer = zIndex => {
-  const container = document.createElement('div');
-  container.className = portalClassName;
-  container.style.zIndex = `${zIndex}`;
-  return container;
-};
-
-/**
- * Returns document body element
- * @return {number} - The document body element
- */
-const getBody = () => {
-  return document.body;
-};
-
-/**
- * Returns portal parent container. If no container exists already then it creates a new container with class name 'atlaskit-portal-container'
- * @return {Element} - The portal parent container div element
- */
-const getPortalParent = () => {
-  const parentElement = document.querySelector(portalParentSelector);
-  if (!parentElement) {
-    var _getBody;
-    const parent = document.createElement('div');
-    parent.className = portalParentClassName;
-    // we are setting display to flex because we want each portal to create a new stacking context
-    // See https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
-    parent.style.display = 'flex';
-    (_getBody = getBody()) === null || _getBody === void 0 ? void 0 : _getBody.appendChild(parent);
-    return parent;
-  }
-  return parentElement;
-};
-
-/**
- * Removes portal container from portal parent container
- *  @param {HTMLDivElement | undefined} container - portal container to be removed from portal parent container
- */
-export const removePortalContainer = container => {
-  const parent = getPortalParent();
-  if (parent.contains(container)) {
-    parent.removeChild(container);
-  }
-};
-
-/**
- * Appends portal container to portal parent container if it hasn't already been done
- *  @param {HTMLDivElement | undefined} container - portal container to be added to portal parent container
- */
-export const appendPortalContainerIfNotAppended = container => {
-  if (!container.parentElement) {
-    getPortalParent().appendChild(container);
-  }
-};
-const isDocumentDefined = () => {
-  return document !== undefined;
-};
-export const createAtlaskitPortal = zIndex => {
-  //atlaskit-portal div
-  if (isDocumentDefined()) {
-    const atlaskitportal = document.createElement('div');
-    atlaskitportal.className = portalClassName;
-    atlaskitportal.style.zIndex = `${zIndex}`;
-    return atlaskitportal;
-  }
-  return;
-};
-export const createPortalParent = () => {
-  //atlaskit-portal-container div
-  if (isDocumentDefined()) {
-    const parentElement = document.querySelector(portalParentSelector);
-    if (!parentElement) {
-      var _getBody2;
-      const parent = document.createElement('div');
-      parent.className = portalParentClassName;
-      parent.style.display = 'flex';
-      (_getBody2 = getBody()) === null || _getBody2 === void 0 ? void 0 : _getBody2.appendChild(parent);
-      return parent;
-    }
-    return parentElement;
-  }
-  return;
-};
-export const removePortalParent = parentElement => {
-  if (isDocumentDefined()) {
-    if (parentElement) {
-      var _getBody3;
-      (_getBody3 = getBody()) === null || _getBody3 === void 0 ? void 0 : _getBody3.removeChild(parentElement);
-    }
-  }
-};

package/dist/esm/internal/utils/portal-dom-utils.js

@@ -1,99 +0,0 @@
-import { portalClassName, portalParentClassName, portalParentSelector } from '../constants';
-
-/**
- * Creates a new portal container element with provided z-index and class name 'atlaskit-portal',
- * it is not be attached to any DOM node at this stage.
- * @param {number | string} zIndex - the z-index value of the newly created portal container element
- * @return {number} - The newly created container element
- */
-export var createContainer = function createContainer(zIndex) {
-  var container = document.createElement('div');
-  container.className = portalClassName;
-  container.style.zIndex = "".concat(zIndex);
-  return container;
-};
-
-/**
- * Returns document body element
- * @return {number} - The document body element
- */
-var getBody = function getBody() {
-  return document.body;
-};
-
-/**
- * Returns portal parent container. If no container exists already then it creates a new container with class name 'atlaskit-portal-container'
- * @return {Element} - The portal parent container div element
- */
-var getPortalParent = function getPortalParent() {
-  var parentElement = document.querySelector(portalParentSelector);
-  if (!parentElement) {
-    var _getBody;
-    var parent = document.createElement('div');
-    parent.className = portalParentClassName;
-    // we are setting display to flex because we want each portal to create a new stacking context
-    // See https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
-    parent.style.display = 'flex';
-    (_getBody = getBody()) === null || _getBody === void 0 || _getBody.appendChild(parent);
-    return parent;
-  }
-  return parentElement;
-};
-
-/**
- * Removes portal container from portal parent container
- *  @param {HTMLDivElement | undefined} container - portal container to be removed from portal parent container
- */
-export var removePortalContainer = function removePortalContainer(container) {
-  var parent = getPortalParent();
-  if (parent.contains(container)) {
-    parent.removeChild(container);
-  }
-};
-
-/**
- * Appends portal container to portal parent container if it hasn't already been done
- *  @param {HTMLDivElement | undefined} container - portal container to be added to portal parent container
- */
-export var appendPortalContainerIfNotAppended = function appendPortalContainerIfNotAppended(container) {
-  if (!container.parentElement) {
-    getPortalParent().appendChild(container);
-  }
-};
-var isDocumentDefined = function isDocumentDefined() {
-  return document !== undefined;
-};
-export var createAtlaskitPortal = function createAtlaskitPortal(zIndex) {
-  //atlaskit-portal div
-  if (isDocumentDefined()) {
-    var atlaskitportal = document.createElement('div');
-    atlaskitportal.className = portalClassName;
-    atlaskitportal.style.zIndex = "".concat(zIndex);
-    return atlaskitportal;
-  }
-  return;
-};
-export var createPortalParent = function createPortalParent() {
-  //atlaskit-portal-container div
-  if (isDocumentDefined()) {
-    var parentElement = document.querySelector(portalParentSelector);
-    if (!parentElement) {
-      var _getBody2;
-      var parent = document.createElement('div');
-      parent.className = portalParentClassName;
-      parent.style.display = 'flex';
-      (_getBody2 = getBody()) === null || _getBody2 === void 0 || _getBody2.appendChild(parent);
-      return parent;
-    }
-    return parentElement;
-  }
-  return;
-};
-export var removePortalParent = function removePortalParent(parentElement) {
-  if (isDocumentDefined()) {
-    if (parentElement) {
-      var _getBody3;
-      (_getBody3 = getBody()) === null || _getBody3 === void 0 || _getBody3.removeChild(parentElement);
-    }
-  }
-};

package/dist/types/internal/utils/portal-dom-utils.d.ts

@@ -1,20 +0,0 @@
-/**
- * Creates a new portal container element with provided z-index and class name 'atlaskit-portal',
- * it is not be attached to any DOM node at this stage.
- * @param {number | string} zIndex - the z-index value of the newly created portal container element
- * @return {number} - The newly created container element
- */
-export declare const createContainer: (zIndex: number | string) => HTMLDivElement;
-/**
- * Removes portal container from portal parent container
- *  @param {HTMLDivElement | undefined} container - portal container to be removed from portal parent container
- */
-export declare const removePortalContainer: (container: HTMLDivElement) => void;
-/**
- * Appends portal container to portal parent container if it hasn't already been done
- *  @param {HTMLDivElement | undefined} container - portal container to be added to portal parent container
- */
-export declare const appendPortalContainerIfNotAppended: (container: HTMLDivElement) => void;
-export declare const createAtlaskitPortal: (zIndex: number | string) => HTMLDivElement | undefined;
-export declare const createPortalParent: () => Element | undefined;
-export declare const removePortalParent: (parentElement: Element) => void;

package/dist/types-ts4.5/internal/utils/portal-dom-utils.d.ts

@@ -1,20 +0,0 @@
-/**
- * Creates a new portal container element with provided z-index and class name 'atlaskit-portal',
- * it is not be attached to any DOM node at this stage.
- * @param {number | string} zIndex - the z-index value of the newly created portal container element
- * @return {number} - The newly created container element
- */
-export declare const createContainer: (zIndex: number | string) => HTMLDivElement;
-/**
- * Removes portal container from portal parent container
- *  @param {HTMLDivElement | undefined} container - portal container to be removed from portal parent container
- */
-export declare const removePortalContainer: (container: HTMLDivElement) => void;
-/**
- * Appends portal container to portal parent container if it hasn't already been done
- *  @param {HTMLDivElement | undefined} container - portal container to be added to portal parent container
- */
-export declare const appendPortalContainerIfNotAppended: (container: HTMLDivElement) => void;
-export declare const createAtlaskitPortal: (zIndex: number | string) => HTMLDivElement | undefined;
-export declare const createPortalParent: () => Element | undefined;
-export declare const removePortalParent: (parentElement: Element) => void;