@atlaskit/popup 1.6.3 → 1.6.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/popup
 
+## 1.6.4
+
+### Patch Changes
+
+- [`e2a6337bb05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2a6337bb05) - Reverts changes 1.6.3 in @atlaskit/popup, reverts disabling pointer events on iframes when popup is open.
+
 ## 1.6.3
 
 ### Patch Changes

package/dist/cjs/popper-wrapper.js

@@ -30,16 +30,6 @@ var popupStyles = (0, _react2.css)({
     outline: 'none'
   }
 });
-
-// disables iframe pointer events while popup is open, except if iframe is nested inside popup
-// solves an issue of popup not being closed on iframe click
-// @ts-expect-error adding `!important` to style rules is currently a type error
-var blockPointerEventsOnExternalIframeStyles = (0, _react2.css)({
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
-  'iframe:not([data-ds--popup] iframe)': {
-    pointerEvents: 'none !important'
-  }
-});
 var DefaultPopupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return (0, _react2.jsx)("div", (0, _extends2.default)({
     css: popupStyles
@@ -109,7 +99,6 @@ function PopperWrapper(_ref) {
       id: id,
       "data-placement": placement,
       "data-testid": testId,
-      "data-ds--popup": "true",
       ref: function ref(node) {
         if (node) {
           if (typeof _ref3 === 'function') {
@@ -125,9 +114,7 @@ function PopperWrapper(_ref) {
       // first on the browser address bar when using keyboard
       ,
       tabIndex: autoFocus ? 0 : undefined
-    }, (0, _react2.jsx)(_react2.Global, {
-      styles: blockPointerEventsOnExternalIframeStyles
-    }), (0, _react2.jsx)(_repositionOnUpdate.RepositionOnUpdate, {
+    }, (0, _react2.jsx)(_repositionOnUpdate.RepositionOnUpdate, {
       update: update
     }, content({
       update: update,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "1.6.3",
+	"version": "1.6.4",
 	"sideEffects": false
 }

package/dist/es2019/popper-wrapper.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { forwardRef, useMemo, useState } from 'react';
-import { css, Global, jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { Popper } from '@atlaskit/popper';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
 import { borderRadius, layers } from '@atlaskit/theme/constants';
@@ -21,16 +21,6 @@ const popupStyles = css({
     outline: 'none'
   }
 });
-
-// disables iframe pointer events while popup is open, except if iframe is nested inside popup
-// solves an issue of popup not being closed on iframe click
-// @ts-expect-error adding `!important` to style rules is currently a type error
-const blockPointerEventsOnExternalIframeStyles = css({
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
-  'iframe:not([data-ds--popup] iframe)': {
-    pointerEvents: 'none !important'
-  }
-});
 const DefaultPopupComponent = /*#__PURE__*/forwardRef((props, ref) => jsx("div", _extends({
   css: popupStyles
 }, props, {
@@ -89,7 +79,6 @@ function PopperWrapper({
       id: id,
       "data-placement": placement,
       "data-testid": testId,
-      "data-ds--popup": "true",
       ref: node => {
         if (node) {
           if (typeof ref === 'function') {
@@ -105,9 +94,7 @@ function PopperWrapper({
       // first on the browser address bar when using keyboard
       ,
       tabIndex: autoFocus ? 0 : undefined
-    }, jsx(Global, {
-      styles: blockPointerEventsOnExternalIframeStyles
-    }), jsx(RepositionOnUpdate, {
+    }, jsx(RepositionOnUpdate, {
       update: update
     }, content({
       update,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "1.6.3",
+	"version": "1.6.4",
 	"sideEffects": false
 }

package/dist/esm/popper-wrapper.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { forwardRef, useMemo, useState } from 'react';
-import { css, Global, jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { Popper } from '@atlaskit/popper';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
 import { borderRadius, layers } from '@atlaskit/theme/constants';
@@ -22,16 +22,6 @@ var popupStyles = css({
     outline: 'none'
   }
 });
-
-// disables iframe pointer events while popup is open, except if iframe is nested inside popup
-// solves an issue of popup not being closed on iframe click
-// @ts-expect-error adding `!important` to style rules is currently a type error
-var blockPointerEventsOnExternalIframeStyles = css({
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
-  'iframe:not([data-ds--popup] iframe)': {
-    pointerEvents: 'none !important'
-  }
-});
 var DefaultPopupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
   return jsx("div", _extends({
     css: popupStyles
@@ -101,7 +91,6 @@ function PopperWrapper(_ref) {
       id: id,
       "data-placement": placement,
       "data-testid": testId,
-      "data-ds--popup": "true",
       ref: function ref(node) {
         if (node) {
           if (typeof _ref3 === 'function') {
@@ -117,9 +106,7 @@ function PopperWrapper(_ref) {
       // first on the browser address bar when using keyboard
       ,
       tabIndex: autoFocus ? 0 : undefined
-    }, jsx(Global, {
-      styles: blockPointerEventsOnExternalIframeStyles
-    }), jsx(RepositionOnUpdate, {
+    }, jsx(RepositionOnUpdate, {
       update: update
     }, content({
       update: update,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "1.6.3",
+	"version": "1.6.4",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/popup",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "description": "A popup displays brief content in an overlay.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
   },
   "atlassian": {
     "team": "Design System Team",
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Popup",
       "category": "Components"
@@ -39,7 +39,7 @@
     "@atlaskit/popper": "^5.5.0",
     "@atlaskit/portal": "^4.3.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.4.0",
+    "@atlaskit/tokens": "^1.5.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",
@@ -54,10 +54,9 @@
     "@atlaskit/docs": "*",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/menu": "^1.7.0",
-    "@atlaskit/page-layout": "^1.6.0",
     "@atlaskit/radio": "^5.6.0",
     "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/select": "^16.4.0",
+    "@atlaskit/select": "^16.5.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/textfield": "^5.5.0",
     "@atlaskit/toggle": "^12.6.0",
@@ -65,7 +64,6 @@
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/react": "^12.1.5",
-    "@testing-library/user-event": "^14.4.3",
     "ast-types": "^0.13.3",
     "jest-axe": "^4.0.0",
     "jscodeshift": "^0.13.0",

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -89,3 +90,16 @@ export interface TriggerProps {
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0",
+  "react-dom": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,80 @@
+## API Report File for "@atlaskit/popup"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { ComponentType } from 'react';
+import { CSSProperties } from 'react';
+import { Dispatch } from 'react';
+import { FC } from 'react';
+import { Placement } from '@atlaskit/popper';
+import { PopperChildrenProps } from '@atlaskit/popper';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+import { SetStateAction } from 'react';
+
+// @public (undocumented)
+interface BaseProps {
+    autoFocus?: boolean;
+    boundary?: 'clippingParents' | HTMLElement;
+    content: (props: ContentProps) => React_2.ReactNode;
+    fallbackPlacements?: Placement[];
+    id?: string;
+    isOpen: boolean;
+    offset?: [number, number];
+    onClose?(event: Event | React_2.KeyboardEvent | React_2.MouseEvent): void;
+    placement?: Placement;
+    popupComponent?: ComponentType<PopupComponentProps>;
+    rootBoundary?: 'document' | 'viewport';
+    shouldFlip?: boolean;
+    shouldUseCaptureOnOutsideClick?: boolean;
+    testId?: string;
+}
+
+// @public (undocumented)
+export interface ContentProps {
+    isOpen: boolean;
+    onClose?: BaseProps['onClose'];
+    setInitialFocusRef: Dispatch<SetStateAction<HTMLElement | null>>;
+    update: PopperChildrenProps['update'];
+}
+
+// @public (undocumented)
+const Popup: FC<PopupProps>;
+export { Popup }
+export default Popup;
+
+// @public (undocumented)
+export interface PopupComponentProps {
+    'data-placement': Placement;
+    'data-testid'?: string;
+    children: ReactNode;
+    id?: string;
+    ref: Ref<HTMLDivElement>;
+    style: CSSProperties;
+    tabIndex: number | undefined;
+}
+
+// @public (undocumented)
+export interface PopupProps extends BaseProps {
+    trigger: (props: TriggerProps) => React_2.ReactNode;
+    zIndex?: number;
+}
+
+// @public (undocumented)
+export interface TriggerProps {
+    // (undocumented)
+    'aria-controls'?: string;
+    // (undocumented)
+    'aria-expanded': boolean;
+    // (undocumented)
+    'aria-haspopup': boolean;
+    // (undocumented)
+    ref: Ref<any>;
+}
+
+// (No @packageDocumentation comment for this package)
+
+```