@atlaskit/popup 6.2.1 → 6.3.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/popup
 
+## 6.3.0
+
+### Minor Changes
+
+- [`bd2c5b0112185`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd2c5b0112185) -
+  Remove stale API report artifacts from published Platform packages.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.2.2
+
+### Patch Changes
+
+- [`a933165c3c788`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a933165c3c788) -
+  Experimental React 19 peer dependency support. This patch widens the peer range; CI coverage is
+  partial.
+- Updated dependencies
+
 ## 6.2.1
 
 ### Patch Changes

package/dist/cjs/compositional/popup-content-top-layer.js

@@ -13,8 +13,9 @@ var React = _react;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _runtime = require("@compiled/react/runtime");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-var _placementMap = require("@atlaskit/top-layer/placement-map");
-var _popover = require("@atlaskit/top-layer/popover");
+var _index = require("@atlaskit/top-layer/placement-map/index");
+var _createCloseEvent = require("@atlaskit/top-layer/popover/create-close-event");
+var _popover = require("@atlaskit/top-layer/popover/popover");
 var _popoverSurface = require("@atlaskit/top-layer/popover-surface");
 var _useAnchorPosition = require("@atlaskit/top-layer/use-anchor-position");
 var _useWidthFromAnchor = require("@atlaskit/top-layer/use-width-from-anchor");
@@ -86,7 +87,7 @@ function PopupContentTopLayer(_ref) {
   // Legacy `offset` is the popper `[along, away]` tuple; `fromLegacyPlacement`
   // folds it into the new `placement.offset` shape.
   var topLayerPlacement = (0, _react.useMemo)(function () {
-    return (0, _placementMap.fromLegacyPlacement)({
+    return (0, _index.fromLegacyPlacement)({
       legacy: placement,
       offset: offsetProp
     });
@@ -98,7 +99,7 @@ function PopupContentTopLayer(_ref) {
     if (!onClose) {
       return;
     }
-    onClose((0, _popover.createPopoverCloseEvent)({
+    onClose((0, _createCloseEvent.createPopoverCloseEvent)({
       reason: reason
     }));
   }, [onClose]);

package/dist/cjs/popper-wrapper.js

@@ -17,9 +17,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _runtime = require("@compiled/react/runtime");
 var _useLayering2 = require("@atlaskit/layering/use-layering");
-var _motion = require("@atlaskit/motion");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _popper = require("@atlaskit/popper");
+var _motion = _interopRequireDefault(require("@atlaskit/motion/entering/motion"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _main = require("@atlaskit/popper/main");
 var _repositionOnUpdate = require("./reposition-on-update");
 var _useCloseManager = require("./use-close-manager");
 var _useFocusManager = require("./use-focus-manager");
@@ -102,9 +102,9 @@ var DefaultPopupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     htmlAttributes = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: (0, _runtime.ax)([wrapperStyles.root, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && wrapperStyles.rootT26Shape, appearance === 'UNSAFE_modal-below-sm' && "_dk5d1b66 _c71l1ei0 _kqsw1n9t _152t1b66", (!shouldRenderToParent || shouldFitViewport) && "_1reo1wug _18m91wug", shouldFitContainer && "_1bsb1osq", className])
+    className: (0, _runtime.ax)([wrapperStyles.root, (0, _fg.fg)('platform-dst-shape-theme-default') && wrapperStyles.rootT26Shape, appearance === 'UNSAFE_modal-below-sm' && "_dk5d1b66 _c71l1ei0 _kqsw1n9t _152t1b66", (!shouldRenderToParent || shouldFitViewport) && "_1reo1wug _18m91wug", shouldFitContainer && "_1bsb1osq", className])
   }, htmlAttributes, {
-    ref: !(0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-popup') ? ref : undefined
+    ref: !(0, _fg.fg)('platform-dst-motion-uplift-popup') ? ref : undefined
   }), children);
 });
 function PopperWrapper(_ref) {
@@ -187,7 +187,7 @@ function PopperWrapper(_ref) {
       }
     }].concat((0, _toConsumableArray2.default)(modifiers || []));
   }, [shouldFlip, rootBoundary, boundary, fallbackPlacements, modifiers]);
-  return /*#__PURE__*/React.createElement(_popper.Popper, {
+  return /*#__PURE__*/React.createElement(_main.Popper, {
     placement: placement,
     offset: offset,
     modifiers: mergedModifiers,
@@ -204,7 +204,7 @@ function PopperWrapper(_ref) {
     , {
       className: (0, _runtime.ax)([xcss,
       // @ts-expect-error: `ax` is not typed correctly
-      !initialFocusRef && (0, _platformFeatureFlags.fg)('platform-design-system-apply-popup-wrapper-focus') && focusRingStyles.root]),
+      !initialFocusRef && (0, _fg.fg)('platform-design-system-apply-popup-wrapper-focus') && focusRingStyles.root]),
       appearance: appearance,
       id: id,
       "data-ds--level": currentLevel,
@@ -213,7 +213,7 @@ function PopperWrapper(_ref) {
       role: role,
       "aria-label": label,
       "aria-labelledby": titleId,
-      ref: !(0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-popup') ? function (node) {
+      ref: !(0, _fg.fg)('platform-dst-motion-uplift-popup') ? function (node) {
         if (node) {
           if (typeof _ref3 === 'function') {
             _ref3(node);
@@ -225,7 +225,7 @@ function PopperWrapper(_ref) {
       } : undefined
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ,
-      style: (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-popup') || appearance === 'UNSAFE_modal-below-sm' ? {} : style
+      style: (0, _fg.fg)('platform-dst-motion-uplift-popup') || appearance === 'UNSAFE_modal-below-sm' ? {} : style
       // using tabIndex={-1} would cause a bug where Safari focuses
       // first on the browser address bar when using keyboard
       ,
@@ -262,12 +262,12 @@ function PopperWrapper(_ref) {
       },
       "data-testid": "".concat(testId, "--container"),
       className: (0, _runtime.ax)([shouldFitContainer && wrapperStyles.fullWidth])
-    }, /*#__PURE__*/React.createElement(_motion.Motion, {
+    }, /*#__PURE__*/React.createElement(_motion.default, {
       enteringAnimation: !isAutoPlacement ? placementMap[placement].enter : undefined,
       exitingAnimation: !isAutoPlacement ? placementMap[placement].exit : undefined,
       xcss: wrapperStyles.motion
     }, popupContainer));
-    return /*#__PURE__*/React.createElement(_react.Fragment, null, (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-popup') ? container : popupContainer, appearance === 'UNSAFE_modal-below-sm' && /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(_react.Fragment, null, (0, _fg.fg)('platform-dst-motion-uplift-popup') ? container : popupContainer, appearance === 'UNSAFE_modal-below-sm' && /*#__PURE__*/React.createElement("div", {
       className: (0, _runtime.ax)(["_1r04idpf _kqsw1n9t _bfhk1i5c"])
     }));
   });

package/dist/cjs/popup-top-layer.js

@@ -14,8 +14,9 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _getAriaForTrigger = require("@atlaskit/top-layer/get-aria-for-trigger");
-var _placementMap = require("@atlaskit/top-layer/placement-map");
-var _popover = require("@atlaskit/top-layer/popover");
+var _index = require("@atlaskit/top-layer/placement-map/index");
+var _createCloseEvent = require("@atlaskit/top-layer/popover/create-close-event");
+var _popover = require("@atlaskit/top-layer/popover/popover");
 var _popoverSurface = require("@atlaskit/top-layer/popover-surface");
 var _useAnchorPosition = require("@atlaskit/top-layer/use-anchor-position");
 var _usePopoverId = require("@atlaskit/top-layer/use-popover-id");
@@ -143,7 +144,7 @@ var PopupTopLayer = exports.PopupTopLayer = /*#__PURE__*/(0, _react.memo)(functi
   // Legacy `offset` is the popper `[along, away]` tuple; `fromLegacyPlacement`
   // folds it into the new `placement.offset` shape so it travels with placement.
   var topLayerPlacement = (0, _react.useMemo)(function () {
-    return (0, _placementMap.fromLegacyPlacement)({
+    return (0, _index.fromLegacyPlacement)({
       legacy: placement,
       offset: offsetProp
     });
@@ -171,7 +172,7 @@ var PopupTopLayer = exports.PopupTopLayer = /*#__PURE__*/(0, _react.memo)(functi
   // No manual triggerRef.current?.focus() is needed.
   var handleOnClose = (0, _react.useCallback)(function (_ref2) {
     var reason = _ref2.reason;
-    onClose((0, _popover.createPopoverCloseEvent)({
+    onClose((0, _createCloseEvent.createPopoverCloseEvent)({
       reason: reason
     }));
   }, [onClose]);

package/dist/es2019/compositional/popup-content-top-layer.js

@@ -5,8 +5,9 @@ import * as React from 'react';
 import { useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import { ax, ix } from '@compiled/react/runtime';
 import noop from '@atlaskit/ds-lib/noop';
-import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
-import { createPopoverCloseEvent, Popover } from '@atlaskit/top-layer/popover';
+import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map/index';
+import { createPopoverCloseEvent } from '@atlaskit/top-layer/popover/create-close-event';
+import { Popover } from '@atlaskit/top-layer/popover/popover';
 import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
 import { useAnchorPosition } from '@atlaskit/top-layer/use-anchor-position';
 import { useWidthFromAnchor } from '@atlaskit/top-layer/use-width-from-anchor';

package/dist/es2019/popper-wrapper.js

@@ -5,9 +5,9 @@ import * as React from 'react';
 import { forwardRef, Fragment, useMemo, useState } from 'react';
 import { ax, ix } from '@compiled/react/runtime';
 import { useLayering } from '@atlaskit/layering/use-layering';
-import { Motion } from '@atlaskit/motion';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Popper } from '@atlaskit/popper';
+import Motion from '@atlaskit/motion/entering/motion';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Popper } from '@atlaskit/popper/main';
 import { RepositionOnUpdate } from './reposition-on-update';
 import { useCloseManager } from './use-close-manager';
 import { useFocusManager } from './use-focus-manager';

package/dist/es2019/popup-top-layer.js

@@ -6,8 +6,9 @@ import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, memo, useCallback, useEffect, useMemo, useRef } from 'react';
 import noop from '@atlaskit/ds-lib/noop';
 import { getAriaForTrigger } from '@atlaskit/top-layer/get-aria-for-trigger';
-import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
-import { createPopoverCloseEvent, Popover } from '@atlaskit/top-layer/popover';
+import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map/index';
+import { createPopoverCloseEvent } from '@atlaskit/top-layer/popover/create-close-event';
+import { Popover } from '@atlaskit/top-layer/popover/popover';
 import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
 import { useAnchorPosition } from '@atlaskit/top-layer/use-anchor-position';
 import { usePopoverId } from '@atlaskit/top-layer/use-popover-id';

package/dist/esm/compositional/popup-content-top-layer.js

@@ -5,8 +5,9 @@ import * as React from 'react';
 import { useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import { ax, ix } from '@compiled/react/runtime';
 import noop from '@atlaskit/ds-lib/noop';
-import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
-import { createPopoverCloseEvent, Popover } from '@atlaskit/top-layer/popover';
+import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map/index';
+import { createPopoverCloseEvent } from '@atlaskit/top-layer/popover/create-close-event';
+import { Popover } from '@atlaskit/top-layer/popover/popover';
 import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
 import { useAnchorPosition } from '@atlaskit/top-layer/use-anchor-position';
 import { useWidthFromAnchor } from '@atlaskit/top-layer/use-width-from-anchor';

package/dist/esm/popper-wrapper.js

@@ -12,9 +12,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { forwardRef, Fragment, useMemo, useState } from 'react';
 import { ax, ix } from '@compiled/react/runtime';
 import { useLayering } from '@atlaskit/layering/use-layering';
-import { Motion } from '@atlaskit/motion';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Popper } from '@atlaskit/popper';
+import Motion from '@atlaskit/motion/entering/motion';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Popper } from '@atlaskit/popper/main';
 import { RepositionOnUpdate } from './reposition-on-update';
 import { useCloseManager } from './use-close-manager';
 import { useFocusManager } from './use-focus-manager';

package/dist/esm/popup-top-layer.js

@@ -6,8 +6,9 @@ import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, memo, useCallback, useEffect, useMemo, useRef } from 'react';
 import noop from '@atlaskit/ds-lib/noop';
 import { getAriaForTrigger } from '@atlaskit/top-layer/get-aria-for-trigger';
-import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
-import { createPopoverCloseEvent, Popover } from '@atlaskit/top-layer/popover';
+import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map/index';
+import { createPopoverCloseEvent } from '@atlaskit/top-layer/popover/create-close-event';
+import { Popover } from '@atlaskit/top-layer/popover/popover';
 import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
 import { useAnchorPosition } from '@atlaskit/top-layer/use-anchor-position';
 import { usePopoverId } from '@atlaskit/top-layer/use-popover-id';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "6.2.1",
+	"version": "6.3.0",
 	"description": "A popup displays brief content in an overlay.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,16 +31,16 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/layering": "^5.1.0",
-		"@atlaskit/motion": "^8.4.0",
-		"@atlaskit/platform-feature-flags": "^2.1.0",
-		"@atlaskit/popper": "^9.3.0",
-		"@atlaskit/portal": "^6.3.0",
-		"@atlaskit/primitives": "^22.4.0",
+		"@atlaskit/layering": "^5.2.0",
+		"@atlaskit/motion": "^8.6.0",
+		"@atlaskit/platform-feature-flags": "^2.2.0",
+		"@atlaskit/popper": "^9.4.0",
+		"@atlaskit/portal": "^6.4.0",
+		"@atlaskit/primitives": "^22.5.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/tokens": "^16.8.0",
+		"@atlaskit/tokens": "^16.10.0",
 		"@atlaskit/top-layer": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
@@ -50,33 +50,39 @@
 		"tiny-invariant": "^1.2.0"
 	},
 	"peerDependencies": {
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0"
+		"react": "^18.2.0 || ^19.0.0",
+		"react-dom": "^18.2.0 || ^19.0.0"
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^25.2.0",
-		"@atlaskit/code": "^19.1.0",
+		"@atlaskit/banner": "^15.3.0",
+		"@atlaskit/button": "^25.3.0",
+		"@atlaskit/code": "^19.2.0",
 		"@atlaskit/docs": "^12.2.0",
-		"@atlaskit/form": "^17.1.0",
-		"@atlaskit/heading": "^7.1.0",
-		"@atlaskit/icon": "^37.5.0",
+		"@atlaskit/dropdown-menu": "^18.3.0",
+		"@atlaskit/form": "^17.2.0",
+		"@atlaskit/heading": "^7.2.0",
+		"@atlaskit/icon": "^37.6.0",
 		"@atlaskit/link": "^5.1.0",
-		"@atlaskit/modal-dialog": "^16.5.0",
-		"@atlaskit/section-message": "^10.1.0",
-		"@atlaskit/textfield": "^10.1.0",
-		"@atlaskit/toggle": "^17.2.0",
-		"@atlassian/feature-flags-test-utils": "^1.2.0",
+		"@atlaskit/menu": "^10.2.0",
+		"@atlaskit/modal-dialog": "^16.6.0",
+		"@atlaskit/radio": "^10.2.0",
+		"@atlaskit/section-message": "^10.2.0",
+		"@atlaskit/select": "^22.11.0",
+		"@atlaskit/textfield": "^10.2.0",
+		"@atlaskit/toggle": "^17.3.0",
+		"@atlaskit/visually-hidden": "^4.4.0",
+		"@atlassian/feature-flags-test-utils": "^1.3.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/testing-library": "^0.11.0",
 		"ast-types": "^0.13.3",
 		"jscodeshift": "^17.0.0",
 		"raf-stub": "^2.0.1",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0"
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0"
 	},
 	"keywords": [
 		"atlaskit",

package/report.api.md

@@ -1,108 +0,0 @@
-<!-- API Report Version: 2.3 -->
-
-## API Report File for "@atlaskit/popup"
-
-> Do not edit this file. This report is auto-generated using
-> [API Extractor](https://api-extractor.com/).
-> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
-
-### Table of contents
-
-- [Main Entry Types](#main-entry-types)
-- [Peer Dependencies](#peer-dependencies)
-
-### Main Entry Types
-
-<!--SECTION START: Main Entry Types-->
-
-```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;
-	shouldRenderToParent?: 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>;
-	shouldRenderToParent?: boolean;
-	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)
-```
-
-<!--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-->