@atlaskit/popper 5.2.5 → 5.2.8

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/popper
 
+## 5.2.8
+
+### Patch Changes
+
+- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+
+## 5.2.7
+
+### Patch Changes
+
+- [`ff5655480e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ff5655480e6) - Internal code change turning on new linting rules.
+
+## 5.2.6
+
+### Patch Changes
+
+- [`45ebe7af434`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45ebe7af434) - Moved to using declarative entrypoints internally. Public API is unchanged.
+
 ## 5.2.5
 
 ### Patch Changes

package/Popper/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@atlaskit/popper/Popper",
-  "main": "../dist/cjs/Popper.js",
-  "module": "../dist/esm/Popper.js",
-  "module:es2019": "../dist/es2019/Popper.js",
-  "types": "../dist/types/Popper.d.ts"
+  "main": "../dist/cjs/popper.js",
+  "module": "../dist/esm/popper.js",
+  "module:es2019": "../dist/es2019/popper.js",
+  "sideEffects": false,
+  "types": "../dist/types/popper.d.ts"
 }

package/__perf__/default.tsx

@@ -5,7 +5,11 @@ import { Manager, Popper, Reference } from '../src';
 export default () => (
   <Manager>
     <Reference>
-      {({ ref }) => <button ref={ref}>Reference element</button>}
+      {({ ref }) => (
+        <button ref={ref} type="button">
+          Reference element
+        </button>
+      )}
     </Reference>
     <Popper placement="right">
       {({ ref, style }) => (

package/codemods/__tests__/{update-modifier.ts → update-modifier.tsx}

@@ -8,12 +8,13 @@ describe('Changing popper usage', () => {
   // TODO this probably isn't worth including, as they still have to do some major work to
   //  re-work these modifiers.
 
-  /** Modifiers:
-    - format has been changed from object of objects, to array of objects, with the key for each
-      modifier replaced with a name key:value pair inside the modifier object
-    - modifier-specific options have been moved inside an options: key:value pair
-    - modifier options have been changed significantly: check the popper.js docs for more info
-  */
+  /**
+   * Modifiers:
+   * - format has been changed from object of objects, to array of objects, with the key for each
+   *   modifier replaced with a name key:value pair inside the modifier object
+   * - modifier-specific options have been moved inside an options: key:value pair
+   * - modifier options have been changed significantly: check the popper.js docs for more info
+   */
   defineInlineTest(
     { default: transformer, parser: 'tsx' },
     {},

package/codemods/__tests__/{update-offset-prop.ts → update-offset-prop.tsx}

@@ -265,9 +265,9 @@ describe('Update offset prop', () => {
   );
 
   /**
-    If a user is passing in a variable for offset then we should leave a comment to
-    update it themselves
-  */
+   * If a user is passing in a variable for offset then we should leave a comment to
+   * update it themselves
+   */
   defineInlineTest(
     { default: transformer, parser: 'tsx' },
     {},

package/codemods/__tests__/{update-render-props.ts → update-render-props.tsx}

@@ -8,10 +8,10 @@ describe('Update props', () => {
   /**
    * It should rename outOfBoundaries and scheduleUpdate props
    * Render Props:
-    - `outOfBoundaries` has been replaced with `isReferenceHidden`, and is now true when the popper is hidden (i.e. by a
-   scroll container)
-    - `scheduleUpdate`, for async updates, has been renamed to `update`, and now returns a Promise.
-  */
+   * - `outOfBoundaries` has been replaced with `isReferenceHidden`, and is now true when the popper is hidden (i.e. by a
+   * scroll container)
+   * - `scheduleUpdate`, for async updates, has been renamed to `update`, and now returns a Promise.
+   */
   defineInlineTest(
     { default: transformer, parser: 'tsx' },
     {},

package/dist/cjs/index.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "Manager", {
 Object.defineProperty(exports, "Popper", {
   enumerable: true,
   get: function get() {
-    return _Popper.Popper;
+    return _popper.Popper;
   }
 });
 Object.defineProperty(exports, "Reference", {
@@ -24,10 +24,10 @@ Object.defineProperty(exports, "Reference", {
 Object.defineProperty(exports, "placements", {
   enumerable: true,
   get: function get() {
-    return _Popper.placements;
+    return _popper.placements;
   }
 });
 
-var _Popper = require("./Popper");
+var _popper = require("./popper");
 
 var _reactPopper = require("react-popper");

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/popper",
-	"version": "5.2.5",
+	"version": "5.2.8",
 	"sideEffects": false
 }

package/dist/es2019/index.js

@@ -1,2 +1,2 @@
-export { Popper, placements } from './Popper';
+export { Popper, placements } from './popper';
 export { Manager, Reference } from 'react-popper';

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/popper",
-	"version": "5.2.5",
+	"version": "5.2.8",
 	"sideEffects": false
 }

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { Popper, placements } from './Popper';
+export { Popper, placements } from './popper';
 export { Manager, Reference } from 'react-popper';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/popper",
-	"version": "5.2.5",
+	"version": "5.2.8",
 	"sideEffects": false
 }

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export { Popper, placements } from './Popper';
-export type { ManagerProps, ReferenceProps, PopperProps, PopperArrowProps, PopperChildrenProps, StrictModifier, Modifier, Placement, } from './Popper';
+export { Popper, placements } from './popper';
+export type { ManagerProps, ReferenceProps, PopperProps, PopperArrowProps, PopperChildrenProps, StrictModifier, Modifier, Placement, } from './popper';
 export { Manager, Reference } from 'react-popper';

package/dist/types/{Popper.d.ts → popper.d.ts}

@@ -5,7 +5,7 @@ export { placements } from '@popperjs/core';
 export type { Placement, VirtualElement } from '@popperjs/core';
 export type { ManagerProps, ReferenceProps, PopperProps, PopperArrowProps, PopperChildrenProps, StrictModifier, Modifier, } from 'react-popper';
 declare type Offset = [number | null | undefined, number | null | undefined];
-export interface Props<Modifiers> {
+export interface CustomPopperProps<Modifiers> {
     /**
      * Returns the element to be positioned.
      */
@@ -33,4 +33,4 @@ export interface Props<Modifiers> {
      */
     strategy?: PopperProps<Modifiers>['strategy'];
 }
-export declare function Popper<CustomModifiers>({ children, offset, placement, referenceElement, modifiers, strategy, }: Props<CustomModifiers>): JSX.Element;
+export declare function Popper<CustomModifiers>({ children, offset, placement, referenceElement, modifiers, strategy, }: CustomPopperProps<CustomModifiers>): JSX.Element;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atlaskit/popper",
-  "version": "5.2.5",
+  "version": "5.2.8",
   "description": "Wrapper for react-popper with common config and some helpers",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
@@ -13,15 +13,19 @@
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
   "sideEffects": false,
-  "atlaskit:src": "src/index.ts",
+  "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
-    "deprecatedAutoEntryPoints": true,
     "releaseModel": "scheduled",
     "website": {
-      "name": "Popper"
+      "name": "Popper",
+      "category": "Components"
     }
   },
+  "af:exports": {
+    ".": "./src/index.tsx",
+    "./Popper": "./src/popper.tsx"
+  },
   "dependencies": {
     "@babel/runtime": "^7.0.0",
     "@popperjs/core": "^2.9.1",
@@ -33,6 +37,7 @@
   "devDependencies": {
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/docs": "*",
+    "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/visual-regression": "*",
@@ -44,7 +49,7 @@
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
     "react-lorem-component": "^0.13.0",
-    "typescript": "4.2.4",
+    "typescript": "4.3.5",
     "wait-for-expect": "^1.2.0"
   },
   "keywords": [
@@ -56,6 +61,8 @@
       "import-structure": "atlassian-conventions"
     },
     "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
+      "design-system": "v1",
       "ui-components": "lite-mode",
       "analytics": "analytics-next",
       "theming": "tokens",
@@ -66,5 +73,6 @@
       ]
     }
   },
+  "homepage": "https://atlaskit.atlassian.com/packages/design-system/popper",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }

package/report.api.md

@@ -0,0 +1,83 @@
+## API Report File for "@atlaskit/popper"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+import { Manager } from 'react-popper';
+import { ManagerProps } from 'react-popper';
+import { Modifier } from 'react-popper';
+import { Placement } from '@popperjs/core';
+import { placements } from '@popperjs/core';
+import { PopperArrowProps } from 'react-popper';
+import { PopperChildrenProps } from 'react-popper';
+import { PopperProps } from 'react-popper';
+import { default as React_2 } from 'react';
+import { Reference } from 'react-popper';
+import { ReferenceProps } from 'react-popper';
+import { StrictModifier } from 'react-popper';
+import { VirtualElement } from '@popperjs/core';
+
+export { Manager };
+
+export { ManagerProps };
+
+export { Modifier };
+
+declare type Offset = [number | null | undefined, number | null | undefined];
+
+export { Placement };
+
+export { placements };
+
+export declare function Popper<CustomModifiers>({
+  children,
+  offset,
+  placement,
+  referenceElement,
+  modifiers,
+  strategy,
+}: Props<CustomModifiers>): JSX.Element;
+
+export { PopperArrowProps };
+
+export { PopperChildrenProps };
+
+export { PopperProps };
+
+declare interface Props<Modifiers> {
+  /**
+   * Returns the element to be positioned.
+   */
+  children?: (childrenProps: PopperChildrenProps) => React_2.ReactNode;
+  /**
+   * Distance the popup should be offset from the reference in the format of [along, away] (units in px).
+   * Defaults to [0, 8] - which means the popup will be 8px away from the edge of the reference specified
+   * by the `placement` prop.
+   */
+  offset?: Offset;
+  /**
+   * Which side of the Reference to show on.
+   */
+  placement?: Placement;
+  /**
+   * Replacement reference element to position popper relative to.
+   */
+  referenceElement?: HTMLElement | VirtualElement;
+  /**
+   * Additional modifiers and modifier overwrites.
+   */
+  modifiers?: PopperProps<Modifiers>['modifiers'];
+  /**
+   * Placement strategy used. Can be 'fixed' or 'absolute'
+   */
+  strategy?: PopperProps<Modifiers>['strategy'];
+}
+
+export { Reference };
+
+export { ReferenceProps };
+
+export { StrictModifier };
+
+export {};
+```