@atlaskit/popup 6.2.1 → 6.2.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/popup
 
+## 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.2.2",
 	"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/motion": "^8.5.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/popper": "^9.3.0",
 		"@atlaskit/portal": "^6.3.0",
 		"@atlaskit/primitives": "^22.4.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/tokens": "^16.8.0",
+		"@atlaskit/tokens": "^16.9.0",
 		"@atlaskit/top-layer": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
@@ -50,24 +50,30 @@
 		"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/banner": "^15.2.0",
 		"@atlaskit/button": "^25.2.0",
 		"@atlaskit/code": "^19.1.0",
 		"@atlaskit/docs": "^12.2.0",
+		"@atlaskit/dropdown-menu": "^18.2.0",
 		"@atlaskit/form": "^17.1.0",
 		"@atlaskit/heading": "^7.1.0",
 		"@atlaskit/icon": "^37.5.0",
 		"@atlaskit/link": "^5.1.0",
+		"@atlaskit/menu": "^10.1.0",
 		"@atlaskit/modal-dialog": "^16.5.0",
+		"@atlaskit/radio": "^10.1.0",
 		"@atlaskit/section-message": "^10.1.0",
+		"@atlaskit/select": "^22.10.0",
 		"@atlaskit/textfield": "^10.1.0",
 		"@atlaskit/toggle": "^17.2.0",
+		"@atlaskit/visually-hidden": "^4.3.0",
 		"@atlassian/feature-flags-test-utils": "^1.2.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
@@ -75,8 +81,8 @@
 		"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",