@atlaskit/popup 1.4.2 → 1.5.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/popup
 
+## 1.5.1
+
+### Patch Changes
+
+- [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
+
+## 1.5.0
+
+### Minor Changes
+
+- [`c520e306869`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c520e306869) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
+
 ## 1.4.2
 
 ### Patch Changes

package/__perf__/default.tsx

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { useState } from 'react';
 
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 
 import Button from '@atlaskit/button/custom-theme-button';
 import MediaServicesAddCommentIcon from '@atlaskit/icon/glyph/media-services/add-comment';

package/dist/cjs/popper-wrapper.js

@@ -13,7 +13,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = require("react");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _popper = require("@atlaskit/popper");
 
@@ -28,7 +28,7 @@ var _useCloseManager = require("./use-close-manager");
 var _useFocusManager = require("./use-focus-manager");
 
 /** @jsx jsx */
-var popupStyles = (0, _core.css)({
+var popupStyles = (0, _react2.css)({
   display: 'block',
   boxSizing: 'border-box',
   zIndex: _constants.layers.layer(),
@@ -42,7 +42,7 @@ var popupStyles = (0, _core.css)({
   }
 });
 var DefaultPopupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return (0, _core.jsx)("div", (0, _extends2.default)({
+  return (0, _react2.jsx)("div", (0, _extends2.default)({
     css: popupStyles
   }, props, {
     ref: ref
@@ -101,7 +101,7 @@ function PopperWrapper(_ref) {
       }
     }];
   }, [shouldFlip, rootBoundary, boundary, fallbackPlacements]);
-  return (0, _core.jsx)(_popper.Popper, {
+  return (0, _react2.jsx)(_popper.Popper, {
     placement: placement,
     offset: offset,
     modifiers: modifiers
@@ -110,7 +110,7 @@ function PopperWrapper(_ref) {
         style = _ref2.style,
         placement = _ref2.placement,
         update = _ref2.update;
-    return (0, _core.jsx)(PopupContainer, {
+    return (0, _react2.jsx)(PopupContainer, {
       id: id,
       "data-placement": placement,
       "data-testid": testId,
@@ -129,7 +129,7 @@ function PopperWrapper(_ref) {
       // first on the browser address bar when using keyboard
       ,
       tabIndex: autoFocus ? 0 : undefined
-    }, (0, _core.jsx)(_repositionOnUpdate.RepositionOnUpdate, {
+    }, (0, _react2.jsx)(_repositionOnUpdate.RepositionOnUpdate, {
       update: update
     }, content({
       update: update,

package/dist/cjs/popup.js

@@ -11,7 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = require("react");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _popper = require("@atlaskit/popper");
 
@@ -55,7 +55,7 @@ var Popup = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       triggerRef = _useState2[0],
       setTriggerRef = _useState2[1];
 
-  return (0, _core.jsx)(_popper.Manager, null, (0, _core.jsx)(_popper.Reference, null, function (_ref2) {
+  return (0, _react2.jsx)(_popper.Manager, null, (0, _react2.jsx)(_popper.Reference, null, function (_ref2) {
     var _ref3 = _ref2.ref;
     return trigger({
       ref: function ref(node) {
@@ -73,9 +73,9 @@ var Popup = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       'aria-expanded': isOpen,
       'aria-haspopup': true
     });
-  }), isOpen && (0, _core.jsx)(_portal.default, {
+  }), isOpen && (0, _react2.jsx)(_portal.default, {
     zIndex: zIndex
-  }, (0, _core.jsx)(_popperWrapper.default, {
+  }, (0, _react2.jsx)(_popperWrapper.default, {
     content: content,
     isOpen: isOpen,
     placement: placement,

package/dist/cjs/use-close-manager.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +11,7 @@ var _react = require("react");
 
 var _bindEventListener = require("bind-event-listener");
 
-function noop() {}
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 
 var useCloseManager = function useCloseManager(_ref) {
   var isOpen = _ref.isOpen,
@@ -19,7 +21,7 @@ var useCloseManager = function useCloseManager(_ref) {
       capture = _ref.shouldUseCaptureOnOutsideClick;
   (0, _react.useEffect)(function () {
     if (!isOpen || !popupRef) {
-      return noop;
+      return _noop.default;
     }
 
     var closePopup = function closePopup(event) {

package/dist/cjs/version.json

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

package/dist/es2019/popper-wrapper.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { forwardRef, useMemo, useState } from 'react';
-import { css, jsx } from '@emotion/core';
+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';

package/dist/es2019/popup.js

@@ -2,7 +2,7 @@
 
 /** @jsx jsx */
 import { memo, useState } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { Manager, Reference } from '@atlaskit/popper';
 import Portal from '@atlaskit/portal';
 import { layers } from '@atlaskit/theme/constants';

package/dist/es2019/use-close-manager.js

@@ -1,8 +1,6 @@
 import { useEffect } from 'react';
 import { bindAll } from 'bind-event-listener';
-
-function noop() {}
-
+import noop from '@atlaskit/ds-lib/noop';
 export const useCloseManager = ({
   isOpen,
   onClose,

package/dist/es2019/version.json

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

package/dist/esm/popper-wrapper.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { forwardRef, useMemo, useState } from 'react';
-import { css, jsx } from '@emotion/core';
+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';

package/dist/esm/popup.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 /** @jsx jsx */
 import { memo, useState } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { Manager, Reference } from '@atlaskit/popper';
 import Portal from '@atlaskit/portal';
 import { layers } from '@atlaskit/theme/constants';

package/dist/esm/use-close-manager.js

@@ -1,8 +1,6 @@
 import { useEffect } from 'react';
 import { bindAll } from 'bind-event-listener';
-
-function noop() {}
-
+import noop from '@atlaskit/ds-lib/noop';
 export var useCloseManager = function useCloseManager(_ref) {
   var isOpen = _ref.isOpen,
       onClose = _ref.onClose,

package/dist/esm/version.json

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

package/dist/types/popper-wrapper.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { PopperWrapperProps } from './types';
-declare function PopperWrapper({ isOpen, id, offset, testId, content, fallbackPlacements, onClose, boundary, rootBoundary, shouldFlip, placement, popupComponent: PopupContainer, autoFocus, triggerRef, shouldUseCaptureOnOutsideClick, }: PopperWrapperProps): JSX.Element;
+declare function PopperWrapper({ isOpen, id, offset, testId, content, fallbackPlacements, onClose, boundary, rootBoundary, shouldFlip, placement, popupComponent: PopupContainer, autoFocus, triggerRef, shouldUseCaptureOnOutsideClick, }: PopperWrapperProps): jsx.JSX.Element;
 export default PopperWrapper;

package/dist/types-ts4.0/popper-wrapper.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { PopperWrapperProps } from './types';
-declare function PopperWrapper({ isOpen, id, offset, testId, content, fallbackPlacements, onClose, boundary, rootBoundary, shouldFlip, placement, popupComponent: PopupContainer, autoFocus, triggerRef, shouldUseCaptureOnOutsideClick, }: PopperWrapperProps): JSX.Element;
+declare function PopperWrapper({ isOpen, id, offset, testId, content, fallbackPlacements, onClose, boundary, rootBoundary, shouldFlip, placement, popupComponent: PopupContainer, autoFocus, triggerRef, shouldUseCaptureOnOutsideClick, }: PopperWrapperProps): jsx.JSX.Element;
 export default PopperWrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/popup",
-  "version": "1.4.2",
+  "version": "1.5.1",
   "description": "A popup displays brief content in an overlay.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,8 @@
   "typesVersions": {
     ">=4.0 <4.5": {
       "*": [
-        "dist/types-ts4.0/*"
+        "dist/types-ts4.0/*",
+        "dist/types-ts4.0/index.d.ts"
       ]
     }
   },
@@ -26,6 +27,7 @@
     "./types": "./src/types.tsx"
   },
   "atlassian": {
+    "disableProductCI": true,
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
@@ -40,7 +42,7 @@
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9",
+    "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",
     "focus-trap": "^2.4.5"
   },
@@ -51,13 +53,13 @@
   "devDependencies": {
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/icon": "^21.10.0",
+    "@atlaskit/icon": "^21.11.0",
     "@atlaskit/menu": "^1.3.0",
     "@atlaskit/radio": "^5.4.0",
-    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/select": "^15.7.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/textfield": "^5.2.0",
+    "@atlaskit/textfield": "^5.3.0",
     "@atlaskit/toggle": "^12.5.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -86,6 +88,7 @@
       "design-system": "v1",
       "ui-components": "lite-mode",
       "analytics": "analytics-next",
+      "design-tokens": "spacing",
       "theming": "tokens",
       "deprecation": "no-deprecated-imports",
       "styling": [

package/report.api.md

@@ -1,6 +1,8 @@
-## API Report File for "@atlaskit/popup"
+## API Report File for "@atlaskit/popup".
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ```ts
 import { ComponentType } from 'react';
@@ -9,6 +11,7 @@ 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';
@@ -22,7 +25,7 @@ declare interface BaseProps {
   /**
    * Render props for content that is displayed inside the popup.
    */
-  content: (props: ContentProps) => React.ReactNode;
+  content: (props: ContentProps) => React_2.ReactNode;
   /**
    * Id that is assigned to the popup container element.
    */
@@ -71,7 +74,7 @@ declare interface BaseProps {
    * Generally this will be either when clicking away from the popup or pressing the escape key.
    * You'll want to use this to set open state accordingly and then pump it back into the `isOpen` prop.
    */
-  onClose?(): void;
+  onClose?(event: Event | React_2.MouseEvent | React_2.KeyboardEvent): void;
   /**
    * The element that is shown when `isOpen` prop is `true`.
    * The result of the `content` prop will be placed as children here.
@@ -104,7 +107,7 @@ export declare interface ContentProps {
   /**
    * Passed through from the parent popup.
    */
-  onClose: (() => void) | undefined;
+  onClose?: BaseProps['onClose'];
   /**
    * Escape hatch to set the initial focus for a specific element when the popup is opened.
    */
@@ -152,7 +155,7 @@ export declare interface PopupProps extends BaseProps {
    * Make this an interactive element,
    * such as an `@atlaskit/button` component.
    */
-  trigger: (props: TriggerProps) => React.ReactNode;
+  trigger: (props: TriggerProps) => React_2.ReactNode;
   /**
    * Z-index that the popup should be displayed in.
    * This is passed to the portal component.