@atlaskit/popper 6.3.2 → 7.0.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/popper
 
+## 7.0.0
+
+### Major Changes
+
+- [#117363](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117363)
+  [`10a0f7f6c2027`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10a0f7f6c2027) -
+  This package's `peerDependencies` have been adjusted for `react` and/or `react-dom` to reflect the
+  status of only supporting React 18 going forward. No explicit breaking change to React support has
+  been made in this release, but this is to signify going forward, breaking changes for React 16 or
+  React 17 may come via non-major semver releases.
+
+  Please refer this community post for more details:
+  https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
+
+## 6.4.0
+
+### Minor Changes
+
+- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
+  [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
+  Update `React` from v16 to v18
+
 ## 6.3.2
 
 ### Patch Changes

package/dist/cjs/popper.js

@@ -70,6 +70,8 @@ function Popper(_ref) {
     var maxSizeModifiers = shouldFitViewport ? (0, _maxSize.getMaxSizeModifiers)({
       viewportPadding: viewportPadding
     }) : [];
+
+    // @ts-ignore Type errors from incompatible @popperjs/core versions between Jira and AFM Platform... we are using ts-ignore here because ts-expect-error will cause an "Unused '@ts-expect-error' directive." error
     return [].concat(constantModifiers, [preventOverflowModifier, offsetModifier], (0, _toConsumableArray2.default)(maxSizeModifiers));
   }, [offsetX, offsetY, shouldFitViewport]);
 

package/dist/es2019/popper.js

@@ -45,6 +45,8 @@ export function Popper({
     const maxSizeModifiers = shouldFitViewport ? getMaxSizeModifiers({
       viewportPadding
     }) : [];
+
+    // @ts-ignore Type errors from incompatible @popperjs/core versions between Jira and AFM Platform... we are using ts-ignore here because ts-expect-error will cause an "Unused '@ts-expect-error' directive." error
     return [...constantModifiers, preventOverflowModifier, offsetModifier, ...maxSizeModifiers];
   }, [offsetX, offsetY, shouldFitViewport]);
 

package/dist/esm/popper.js

@@ -54,6 +54,8 @@ export function Popper(_ref) {
     var maxSizeModifiers = shouldFitViewport ? getMaxSizeModifiers({
       viewportPadding: viewportPadding
     }) : [];
+
+    // @ts-ignore Type errors from incompatible @popperjs/core versions between Jira and AFM Platform... we are using ts-ignore here because ts-expect-error will cause an "Unused '@ts-expect-error' directive." error
     return [].concat(constantModifiers, [preventOverflowModifier, offsetModifier], _toConsumableArray(maxSizeModifiers));
   }, [offsetX, offsetY, shouldFitViewport]);
 

package/dist/types/popper.d.ts

@@ -38,4 +38,4 @@ export interface CustomPopperProps<Modifiers> {
      */
     shouldFitViewport?: boolean;
 }
-export declare function Popper<CustomModifiers>({ children, offset, placement, referenceElement, modifiers, strategy, shouldFitViewport, }: CustomPopperProps<CustomModifiers>): JSX.Element;
+export declare function Popper<CustomModifiers>({ children, offset, placement, referenceElement, modifiers, strategy, shouldFitViewport, }: CustomPopperProps<CustomModifiers>): React.JSX.Element;

package/dist/types-ts4.5/popper.d.ts

@@ -41,4 +41,4 @@ export interface CustomPopperProps<Modifiers> {
      */
     shouldFitViewport?: boolean;
 }
-export declare function Popper<CustomModifiers>({ children, offset, placement, referenceElement, modifiers, strategy, shouldFitViewport, }: CustomPopperProps<CustomModifiers>): JSX.Element;
+export declare function Popper<CustomModifiers>({ children, offset, placement, referenceElement, modifiers, strategy, shouldFitViewport, }: CustomPopperProps<CustomModifiers>): React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/popper",
-	"version": "6.3.2",
+	"version": "7.0.0",
 	"description": "A wrapper for React Popper for situations which require a bespoke popup where other ADS components are deemed unsuitable",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,23 +30,23 @@
 		"react-popper": "^2.3.0"
 	},
 	"peerDependencies": {
-		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+		"react": "^18.2.0"
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/ds-lib": "^3.3.0",
+		"@atlaskit/ds-lib": "^4.0.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.0.0",
-		"@testing-library/react": "^12.1.5",
+		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/jscodeshift": "^0.11.0",
 		"ast-types": "^0.13.3",
 		"jscodeshift": "^0.13.0",
-		"react-dom": "^16.8.0",
+		"react-dom": "^18.2.0",
 		"react-lorem-component": "^0.13.0",
 		"typescript": "~5.4.2"
 	},

package/__perf__/default.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-
-import { Manager, Popper, Reference } from '../src';
-
-export default () => (
-	<Manager>
-		<Reference>
-			{({ ref }) => (
-				<button ref={ref} type="button">
-					Reference element
-				</button>
-			)}
-		</Reference>
-		<Popper placement="right">
-			{({ ref, style }) => (
-				// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-				<div ref={ref} style={style}>
-					↔ This text is a popper placed to the right
-				</div>
-			)}
-		</Popper>
-	</Manager>
-);