@atlaskit/popper 5.4.0 → 5.4.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/popper
 
+## 5.4.2
+
+### Patch Changes
+
+- [`03a51e8100d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/03a51e8100d) - Introduces a hidden, dummy html element to validate that our new deployment pipeline is working end-to-end.
+
+## 5.4.1
+
+### Patch Changes
+
+- [`211c04b1c96`](https://bitbucket.org/atlassian/atlassian-frontend/commits/211c04b1c96) - Fixes in-product testing typos causing assert errors
+
 ## 5.4.0
 
 ### Minor Changes

package/dist/cjs/__tests_external__/page-objects/base-popper.js

@@ -7,11 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BasePopperPageObject = void 0;
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
@@ -19,8 +17,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _inProductTesting = require("@atlaskit/in-product-testing");
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -32,18 +28,18 @@ var BasePopperPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
 
   var _super = _createSuper(BasePopperPageObject);
 
-  function BasePopperPageObject(cy) {
-    var _this;
-
+  function BasePopperPageObject() {
     (0, _classCallCheck2.default)(this, BasePopperPageObject);
-    _this = _super.call(this, cy);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "assertPopperStyle", function (elementSelector) {
-      return _this.cy.get(elementSelector).should('be.visbile');
-    });
-    return _this;
+    return _super.apply(this, arguments);
   }
 
-  return (0, _createClass2.default)(BasePopperPageObject);
+  (0, _createClass2.default)(BasePopperPageObject, [{
+    key: "assertPopperStyle",
+    value: function assertPopperStyle(elementSelector) {
+      return this.cy.get(elementSelector).should('be.visible');
+    }
+  }]);
+  return BasePopperPageObject;
 }(_inProductTesting.InProductTestPageObject);
 
 exports.BasePopperPageObject = BasePopperPageObject;

package/dist/cjs/popper.js

@@ -23,6 +23,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactPopper = require("react-popper");
 
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+
 var _core = require("@popperjs/core");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -50,6 +52,14 @@ function defaultChildrenFn() {
 }
 
 var defaultOffset = [0, 8];
+var siblingElement = null;
+
+if ((0, _platformFeatureFlags.getBooleanFF)('uip.popper.flex-team')) {
+  siblingElement = /*#__PURE__*/_react.default.createElement("em", {
+    hidden: true,
+    "data-flex": "Hello from UIP"
+  });
+}
 
 function Popper(_ref) {
   var _ref$children = _ref.children,
@@ -86,10 +96,13 @@ function Popper(_ref) {
 
     return [].concat((0, _toConsumableArray2.default)(internalModifiers), (0, _toConsumableArray2.default)(modifiers));
   }, [internalModifiers, modifiers]);
+  var wrappedChildren = (0, _react.useCallback)(function (childrenProps) {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, siblingElement, children(childrenProps));
+  }, [children]);
   return /*#__PURE__*/_react.default.createElement(_reactPopper.Popper, {
     modifiers: mergedModifiers,
     placement: placement,
     strategy: strategy,
     referenceElement: referenceElement
-  }, children);
+  }, wrappedChildren);
 }

package/dist/cjs/version.json

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

package/dist/es2019/__tests_external__/page-objects/base-popper.js

@@ -1,12 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { InProductTestPageObject } from '@atlaskit/in-product-testing';
 export class BasePopperPageObject extends InProductTestPageObject {
-  constructor(cy) {
-    super(cy);
-
-    _defineProperty(this, "assertPopperStyle", elementSelector => {
-      return this.cy.get(elementSelector).should('be.visbile');
-    });
+  assertPopperStyle(elementSelector) {
+    return this.cy.get(elementSelector).should('be.visible');
   }
 
 }

package/dist/es2019/popper.js

@@ -1,5 +1,6 @@
-import React, { useMemo } from 'react';
+import React, { Fragment, useCallback, useMemo } from 'react';
 import { Popper as ReactPopper } from 'react-popper';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export { placements } from '@popperjs/core'; // Export types from PopperJS / React Popper
 
 const constantModifiers = [{
@@ -23,6 +24,15 @@ function defaultChildrenFn() {
 }
 
 const defaultOffset = [0, 8];
+let siblingElement = null;
+
+if (getBooleanFF('uip.popper.flex-team')) {
+  siblingElement = /*#__PURE__*/React.createElement("em", {
+    hidden: true,
+    "data-flex": "Hello from UIP"
+  });
+}
+
 export function Popper({
   children = defaultChildrenFn,
   offset = defaultOffset,
@@ -50,10 +60,13 @@ export function Popper({
 
     return [...internalModifiers, ...modifiers];
   }, [internalModifiers, modifiers]);
+  const wrappedChildren = useCallback(childrenProps => {
+    return /*#__PURE__*/React.createElement(Fragment, null, siblingElement, children(childrenProps));
+  }, [children]);
   return /*#__PURE__*/React.createElement(ReactPopper, {
     modifiers: mergedModifiers,
     placement: placement,
     strategy: strategy,
     referenceElement: referenceElement
-  }, children);
+  }, wrappedChildren);
 }

package/dist/es2019/version.json

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

package/dist/esm/__tests_external__/page-objects/base-popper.js

@@ -1,10 +1,8 @@
-import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -16,19 +14,18 @@ export var BasePopperPageObject = /*#__PURE__*/function (_InProductTestPageObj)
 
   var _super = _createSuper(BasePopperPageObject);
 
-  function BasePopperPageObject(cy) {
-    var _this;
-
+  function BasePopperPageObject() {
     _classCallCheck(this, BasePopperPageObject);
 
-    _this = _super.call(this, cy);
-
-    _defineProperty(_assertThisInitialized(_this), "assertPopperStyle", function (elementSelector) {
-      return _this.cy.get(elementSelector).should('be.visbile');
-    });
-
-    return _this;
+    return _super.apply(this, arguments);
   }
 
-  return _createClass(BasePopperPageObject);
+  _createClass(BasePopperPageObject, [{
+    key: "assertPopperStyle",
+    value: function assertPopperStyle(elementSelector) {
+      return this.cy.get(elementSelector).should('be.visible');
+    }
+  }]);
+
+  return BasePopperPageObject;
 }(InProductTestPageObject);

package/dist/esm/popper.js

@@ -1,7 +1,8 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useMemo } from 'react';
+import React, { Fragment, useCallback, useMemo } from 'react';
 import { Popper as ReactPopper } from 'react-popper';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export { placements } from '@popperjs/core'; // Export types from PopperJS / React Popper
 
 var constantModifiers = [{
@@ -25,6 +26,15 @@ function defaultChildrenFn() {
 }
 
 var defaultOffset = [0, 8];
+var siblingElement = null;
+
+if (getBooleanFF('uip.popper.flex-team')) {
+  siblingElement = /*#__PURE__*/React.createElement("em", {
+    hidden: true,
+    "data-flex": "Hello from UIP"
+  });
+}
+
 export function Popper(_ref) {
   var _ref$children = _ref.children,
       children = _ref$children === void 0 ? defaultChildrenFn : _ref$children,
@@ -60,10 +70,13 @@ export function Popper(_ref) {
 
     return [].concat(_toConsumableArray(internalModifiers), _toConsumableArray(modifiers));
   }, [internalModifiers, modifiers]);
+  var wrappedChildren = useCallback(function (childrenProps) {
+    return /*#__PURE__*/React.createElement(Fragment, null, siblingElement, children(childrenProps));
+  }, [children]);
   return /*#__PURE__*/React.createElement(ReactPopper, {
     modifiers: mergedModifiers,
     placement: placement,
     strategy: strategy,
     referenceElement: referenceElement
-  }, children);
+  }, wrappedChildren);
 }

package/dist/esm/version.json

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

package/dist/types/__tests_external__/page-objects/base-popper.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="cypress" />
-import { CypressType, InProductTestPageObject } from '@atlaskit/in-product-testing';
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
 export declare class BasePopperPageObject extends InProductTestPageObject {
-    constructor(cy: CypressType);
-    assertPopperStyle: (elementSelector: keyof HTMLElementTagNameMap | string) => Cypress.Chainable<JQuery<HTMLElement>>;
+    assertPopperStyle(elementSelector: keyof HTMLElementTagNameMap | string): Cypress.Chainable<JQuery<HTMLElement>>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/popper",
-  "version": "5.4.0",
+  "version": "5.4.2",
   "description": "Wrapper for react-popper with common config and some helpers",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,6 +40,7 @@
   },
   "dependencies": {
     "@atlaskit/in-product-testing": "^0.1.5",
+    "@atlaskit/platform-feature-flags": "^0.0.5",
     "@babel/runtime": "^7.0.0",
     "@popperjs/core": "^2.9.1",
     "react-popper": "^2.2.3"

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -77,3 +78,15 @@ export { StrictModifier };
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->