@atlaskit/portal 4.2.4 → 4.2.7

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/portal
 
+## 4.2.7
+
+### Patch Changes
+
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+
+## 4.2.6
+
+### Patch Changes
+
+- [`b3e5a62a9e3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3e5a62a9e3) - Adds `static` techstack to package, enforcing stricter style linting. In this case the package already satisfied this requirement so there have been no changes to styles.
+
+## 4.2.5
+
+### Patch Changes
+
+- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - Retains the portal wrapper in the DOM after the last portal is unmounted. This drastically reduces the style recalculations and improves performance for portalled elements.
+- Updated dependencies
+
 ## 4.2.4
 
 ### Patch Changes

package/__perf__/examples.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 
 import Portal from '../src';
@@ -11,6 +10,7 @@ const PortalPerformance = () => {
           position: 'absolute',
           top: 24,
           left: 24,
+          // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
           background: 'lightpink',
           padding: '24px',
           borderRadius: '3px',

package/dist/cjs/index.js

@@ -5,12 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _portal.default;
-  }
-});
 Object.defineProperty(exports, "PORTAL_MOUNT_EVENT", {
   enumerable: true,
   get: function get() {
@@ -23,6 +17,12 @@ Object.defineProperty(exports, "PORTAL_UNMOUNT_EVENT", {
     return _constants.PORTAL_UNMOUNT_EVENT;
   }
 });
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _portal.default;
+  }
+});
 
 var _portal = _interopRequireDefault(require("./portal"));
 

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

@@ -25,7 +25,6 @@ function InternalPortal(props) {
   (0, _react.useEffect)(function () {
     return function () {
       (0, _portalDomUtils.removePortalContainer)(container);
-      (0, _portalDomUtils.removePortalParentContainerIfNoMorePortals)();
     };
   }, [container]);
   return /*#__PURE__*/(0, _reactDom.createPortal)(children, container);

package/dist/cjs/internal/constants.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.portalClassName = exports.portalParentSelector = exports.portalParentClassName = exports.portalSelector = void 0;
-var portalSelector = 'body > .atlaskit-portal-container > .atlaskit-portal';
-exports.portalSelector = portalSelector;
+exports.portalParentSelector = exports.portalParentClassName = exports.portalClassName = void 0;
 var portalParentClassName = 'atlaskit-portal-container';
 exports.portalParentClassName = portalParentClassName;
 var portalParentSelector = 'body > .atlaskit-portal-container';

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removePortalParentContainerIfNoMorePortals = exports.appendPortalContainerIfNotAppended = exports.removePortalContainer = exports.createContainer = void 0;
+exports.removePortalContainer = exports.createContainer = exports.appendPortalContainerIfNotAppended = void 0;
 
 var _constants = require("../constants");
 
@@ -51,14 +51,6 @@ var getPortalParent = function getPortalParent() {
 
   return parentElement;
 };
-/**
- * Removes portal parent container from document body
- */
-
-
-var removePortalParent = function removePortalParent() {
-  getBody().removeChild(getPortalParent());
-};
 /**
  * Removes portal container from portal parent container
  *  @param {HTMLDivElement | undefined} container - portal container to be removed from portal parent container
@@ -81,17 +73,5 @@ var appendPortalContainerIfNotAppended = function appendPortalContainerIfNotAppe
     getPortalParent().appendChild(container);
   }
 };
-/**
- * Removes portal parent container from document body if there are no more portals inside it
- */
-
-
-exports.appendPortalContainerIfNotAppended = appendPortalContainerIfNotAppended;
-
-var removePortalParentContainerIfNoMorePortals = function removePortalParentContainerIfNoMorePortals() {
-  if (!document.querySelector(_constants.portalSelector)) {
-    removePortalParent();
-  }
-};
 
-exports.removePortalParentContainerIfNoMorePortals = removePortalParentContainerIfNoMorePortals;
+exports.appendPortalContainerIfNotAppended = appendPortalContainerIfNotAppended;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/portal",
-	"version": "4.2.4",
+	"version": "4.2.7",
 	"sideEffects": false
 }

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

@@ -1,6 +1,6 @@
 import { useEffect, useMemo } from 'react';
 import { createPortal } from 'react-dom';
-import { appendPortalContainerIfNotAppended, createContainer, removePortalContainer, removePortalParentContainerIfNoMorePortals } from '../utils/portal-dom-utils';
+import { appendPortalContainerIfNotAppended, createContainer, removePortalContainer } from '../utils/portal-dom-utils';
 export default function InternalPortal(props) {
   const {
     zIndex,
@@ -15,7 +15,6 @@ export default function InternalPortal(props) {
   useEffect(() => {
     return () => {
       removePortalContainer(container);
-      removePortalParentContainerIfNoMorePortals();
     };
   }, [container]);
   return /*#__PURE__*/createPortal(children, container);

package/dist/es2019/internal/constants.js

@@ -1,4 +1,3 @@
-export const portalSelector = 'body > .atlaskit-portal-container > .atlaskit-portal';
 export const portalParentClassName = 'atlaskit-portal-container';
 export const portalParentSelector = 'body > .atlaskit-portal-container';
 export const portalClassName = 'atlaskit-portal';

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

@@ -1,4 +1,4 @@
-import { portalClassName, portalParentClassName, portalParentSelector, portalSelector } from '../constants';
+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.
@@ -41,14 +41,6 @@ const getPortalParent = () => {
 
   return parentElement;
 };
-/**
- * Removes portal parent container from document body
- */
-
-
-const removePortalParent = () => {
-  getBody().removeChild(getPortalParent());
-};
 /**
  * Removes portal container from portal parent container
  *  @param {HTMLDivElement | undefined} container - portal container to be removed from portal parent container
@@ -67,13 +59,4 @@ export const appendPortalContainerIfNotAppended = container => {
   if (!container.parentElement) {
     getPortalParent().appendChild(container);
   }
-};
-/**
- * Removes portal parent container from document body if there are no more portals inside it
- */
-
-export const removePortalParentContainerIfNoMorePortals = () => {
-  if (!document.querySelector(portalSelector)) {
-    removePortalParent();
-  }
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/portal",
-	"version": "4.2.4",
+	"version": "4.2.7",
 	"sideEffects": false
 }

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

@@ -1,6 +1,6 @@
 import { useEffect, useMemo } from 'react';
 import { createPortal } from 'react-dom';
-import { appendPortalContainerIfNotAppended, createContainer, removePortalContainer, removePortalParentContainerIfNoMorePortals } from '../utils/portal-dom-utils';
+import { appendPortalContainerIfNotAppended, createContainer, removePortalContainer } from '../utils/portal-dom-utils';
 export default function InternalPortal(props) {
   var zIndex = props.zIndex,
       children = props.children;
@@ -15,7 +15,6 @@ export default function InternalPortal(props) {
   useEffect(function () {
     return function () {
       removePortalContainer(container);
-      removePortalParentContainerIfNoMorePortals();
     };
   }, [container]);
   return /*#__PURE__*/createPortal(children, container);

package/dist/esm/internal/constants.js

@@ -1,4 +1,3 @@
-export var portalSelector = 'body > .atlaskit-portal-container > .atlaskit-portal';
 export var portalParentClassName = 'atlaskit-portal-container';
 export var portalParentSelector = 'body > .atlaskit-portal-container';
 export var portalClassName = 'atlaskit-portal';

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

@@ -1,4 +1,4 @@
-import { portalClassName, portalParentClassName, portalParentSelector, portalSelector } from '../constants';
+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.
@@ -41,14 +41,6 @@ var getPortalParent = function getPortalParent() {
 
   return parentElement;
 };
-/**
- * Removes portal parent container from document body
- */
-
-
-var removePortalParent = function removePortalParent() {
-  getBody().removeChild(getPortalParent());
-};
 /**
  * Removes portal container from portal parent container
  *  @param {HTMLDivElement | undefined} container - portal container to be removed from portal parent container
@@ -67,13 +59,4 @@ export var appendPortalContainerIfNotAppended = function appendPortalContainerIf
   if (!container.parentElement) {
     getPortalParent().appendChild(container);
   }
-};
-/**
- * Removes portal parent container from document body if there are no more portals inside it
- */
-
-export var removePortalParentContainerIfNoMorePortals = function removePortalParentContainerIfNoMorePortals() {
-  if (!document.querySelector(portalSelector)) {
-    removePortalParent();
-  }
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/portal",
-	"version": "4.2.4",
+	"version": "4.2.7",
 	"sideEffects": false
 }

package/dist/types/internal/constants.d.ts

@@ -1,4 +1,3 @@
-export declare const portalSelector = "body > .atlaskit-portal-container > .atlaskit-portal";
 export declare const portalParentClassName = "atlaskit-portal-container";
 export declare const portalParentSelector = "body > .atlaskit-portal-container";
 export declare const portalClassName = "atlaskit-portal";

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

@@ -15,7 +15,3 @@ export declare const removePortalContainer: (container: HTMLDivElement) => void;
  *  @param {HTMLDivElement | undefined} container - portal container to be added to portal parent container
  */
 export declare const appendPortalContainerIfNotAppended: (container: HTMLDivElement) => void;
-/**
- * Removes portal parent container from document body if there are no more portals inside it
- */
-export declare const removePortalParentContainerIfNoMorePortals: () => void;

package/dist/types/portal.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { PortalProps } from './types';
 export default function Portal(props: PortalProps): JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/portal",
-  "version": "4.2.4",
+  "version": "4.2.7",
   "description": "Atlaskit wrapper for rendering components in React portals",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -16,7 +16,6 @@
   "atlaskit:src": "src/index.ts",
   "atlassian": {
     "team": "Design System Team",
-    "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
       "name": "Portal"
@@ -27,7 +26,7 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/theme": "^11.4.0",
+    "@atlaskit/theme": "^12.1.0",
     "@babel/runtime": "^7.0.0"
   },
   "peerDependencies": {
@@ -35,16 +34,15 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/build-utils": "*",
-    "@atlaskit/button": "^16.1.0",
+    "@atlaskit/button": "^16.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/flag": "^14.4.0",
-    "@atlaskit/icon": "^21.5.0",
-    "@atlaskit/inline-dialog": "^13.1.0",
-    "@atlaskit/modal-dialog": "^11.5.0",
-    "@atlaskit/onboarding": "^10.1.0",
+    "@atlaskit/flag": "^14.5.0",
+    "@atlaskit/icon": "^21.10.0",
+    "@atlaskit/inline-dialog": "^13.3.0",
+    "@atlaskit/modal-dialog": "^12.2.0",
+    "@atlaskit/onboarding": "^10.3.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/tooltip": "^17.4.0",
+    "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -52,7 +50,7 @@
     "enzyme": "^3.10.0",
     "raf-stub": "^2.0.1",
     "storybook-addon-performance": "^0.16.0",
-    "typescript": "3.9.6"
+    "typescript": "4.2.4"
   },
   "keywords": [
     "atlaskit",
@@ -67,7 +65,11 @@
       "ui-components": "lite-mode",
       "analytics": "analytics-next",
       "theming": "tokens",
-      "deprecation": "no-deprecated-imports"
+      "deprecation": "no-deprecated-imports",
+      "styling": [
+        "static",
+        "emotion"
+      ]
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"