@atlaskit/popup 4.2.0 → 4.3.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/popup
 
+## 4.3.0
+
+### Minor Changes
+
+- [#160438](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/160438)
+  [`b68b92230b3a3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b68b92230b3a3) -
+  Pass isReferenceHidden prop from the Popper component to the Popup to allow Popup to determine if
+  it's trigger is hidden.
+
 ## 4.2.0
 
 ### Minor Changes

package/dist/cjs/popper-wrapper.js

@@ -21,7 +21,7 @@ var _popper = require("@atlaskit/popper");
 var _repositionOnUpdate = require("./reposition-on-update");
 var _useCloseManager = require("./use-close-manager");
 var _useFocusManager = require("./use-focus-manager");
-var _excluded = ["shouldRenderToParent", "shouldFitContainer", "children", "appearance", "className"];
+var _excluded = ["shouldRenderToParent", "shouldFitContainer", "children", "appearance", "className", "isReferenceHidden"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
@@ -41,6 +41,7 @@ var DefaultPopupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     children = props.children,
     appearance = props.appearance,
     className = props.className,
+    isReferenceHidden = props.isReferenceHidden,
     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
@@ -136,7 +137,8 @@ function PopperWrapper(_ref) {
     var _ref3 = _ref2.ref,
       style = _ref2.style,
       placement = _ref2.placement,
-      update = _ref2.update;
+      update = _ref2.update,
+      isReferenceHidden = _ref2.isReferenceHidden;
     var popupContainer = /*#__PURE__*/React.createElement(PopupContainer
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     , {
@@ -171,7 +173,8 @@ function PopperWrapper(_ref) {
       ,
       tabIndex: autoFocus ? 0 : undefined,
       shouldRenderToParent: shouldRenderToParent,
-      shouldFitContainer: shouldFitContainer
+      shouldFitContainer: shouldFitContainer,
+      isReferenceHidden: isReferenceHidden
     }, /*#__PURE__*/React.createElement(_repositionOnUpdate.RepositionOnUpdate, {
       update: update
     }, content({

package/dist/es2019/popper-wrapper.js

@@ -28,6 +28,7 @@ const DefaultPopupComponent = /*#__PURE__*/forwardRef((props, ref) => {
     children,
     appearance,
     className,
+    isReferenceHidden,
     ...htmlAttributes
   } = props;
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -114,7 +115,8 @@ function PopperWrapper({
     ref,
     style,
     placement,
-    update
+    update,
+    isReferenceHidden
   }) => {
     const popupContainer = /*#__PURE__*/React.createElement(PopupContainer
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
@@ -150,7 +152,8 @@ function PopperWrapper({
       ,
       tabIndex: autoFocus ? 0 : undefined,
       shouldRenderToParent: shouldRenderToParent,
-      shouldFitContainer: shouldFitContainer
+      shouldFitContainer: shouldFitContainer,
+      isReferenceHidden: isReferenceHidden
     }, /*#__PURE__*/React.createElement(RepositionOnUpdate, {
       update: update
     }, content({

package/dist/esm/popper-wrapper.js

@@ -3,7 +3,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["shouldRenderToParent", "shouldFitContainer", "children", "appearance", "className"];
+var _excluded = ["shouldRenderToParent", "shouldFitContainer", "children", "appearance", "className", "isReferenceHidden"];
 import "./popper-wrapper.compiled.css";
 import * as React from 'react';
 import { forwardRef, Fragment, useMemo, useState } from 'react';
@@ -31,6 +31,7 @@ var DefaultPopupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
     children = props.children,
     appearance = props.appearance,
     className = props.className,
+    isReferenceHidden = props.isReferenceHidden,
     htmlAttributes = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
@@ -126,7 +127,8 @@ function PopperWrapper(_ref) {
     var _ref3 = _ref2.ref,
       style = _ref2.style,
       placement = _ref2.placement,
-      update = _ref2.update;
+      update = _ref2.update,
+      isReferenceHidden = _ref2.isReferenceHidden;
     var popupContainer = /*#__PURE__*/React.createElement(PopupContainer
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     , {
@@ -161,7 +163,8 @@ function PopperWrapper(_ref) {
       ,
       tabIndex: autoFocus ? 0 : undefined,
       shouldRenderToParent: shouldRenderToParent,
-      shouldFitContainer: shouldFitContainer
+      shouldFitContainer: shouldFitContainer,
+      isReferenceHidden: isReferenceHidden
     }, /*#__PURE__*/React.createElement(RepositionOnUpdate, {
       update: update
     }, content({

package/dist/types/types.d.ts

@@ -85,6 +85,10 @@ export interface PopupComponentProps {
      * Class name to apply to the popup container element.
      */
     className?: string;
+    /**
+     * Boolean to indicate if the reference element is hidden.
+     */
+    isReferenceHidden?: boolean;
 }
 interface BaseProps {
     /**

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

@@ -85,6 +85,10 @@ export interface PopupComponentProps {
      * Class name to apply to the popup container element.
      */
     className?: string;
+    /**
+     * Boolean to indicate if the reference element is hidden.
+     */
+    isReferenceHidden?: boolean;
 }
 interface BaseProps {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "4.2.0",
+	"version": "4.3.0",
 	"description": "A popup displays brief content in an overlay.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,8 +44,8 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.0.0",
 		"@atlaskit/portal": "^5.1.0",
-		"@atlaskit/primitives": "^14.7.0",
-		"@atlaskit/tokens": "^4.8.0",
+		"@atlaskit/primitives": "^14.8.0",
+		"@atlaskit/tokens": "^4.9.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
 		"bind-event-listener": "^3.0.0",
@@ -61,13 +61,13 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.0.0",
-		"@atlaskit/code": "^17.1.0",
+		"@atlaskit/button": "^23.2.0",
+		"@atlaskit/code": "^17.2.0",
 		"@atlaskit/docs": "^10.0.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^26.0.0",
-		"@atlaskit/link": "^3.1.0",
+		"@atlaskit/icon": "^26.1.0",
+		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/modal-dialog": "^14.2.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/ssr": "workspace:^",