@atlaskit/popup 4.2.0 → 4.3.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/popup
 
+## 4.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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/compositional/popup.js

@@ -18,8 +18,7 @@ var _portal = _interopRequireDefault(require("@atlaskit/portal"));
 var _popperWrapper = _interopRequireDefault(require("../popper-wrapper"));
 var _useAppearance = require("../use-appearance");
 var _useGetMemoizedMergedTriggerRef = require("../use-get-memoized-merged-trigger-ref");
-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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var IsOpenContext = /*#__PURE__*/(0, _react.createContext)(false);
 var IdContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 var TriggerRefContext = /*#__PURE__*/(0, _react.createContext)(null);

package/dist/cjs/popper-wrapper.js

@@ -21,9 +21,8 @@ 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"];
-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 _excluded = ["shouldRenderToParent", "shouldFitContainer", "children", "appearance", "className", "isReferenceHidden"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
 var fullWidthStyles = null;
 var wrapperStyles = {
@@ -41,6 +40,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 +136,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 +172,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/cjs/popup.js

@@ -23,8 +23,7 @@ var _popperWrapper = _interopRequireDefault(require("./popper-wrapper"));
 var _useAppearance = require("./use-appearance");
 var _useGetMemoizedMergedTriggerRef = require("./use-get-memoized-merged-trigger-ref");
 var _useGetMemoizedMergedTriggerRefNew = require("./use-get-memoized-merged-trigger-ref-new");
-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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /* eslint-disable @repo/internal/react/require-jsdoc */
 var defaultLayer = 400;
 var wrapperStyles = {

package/dist/cjs/reposition-on-update.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RepositionOnUpdate = void 0;
 var _react = _interopRequireWildcard(require("react"));
-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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var RepositionOnUpdate = exports.RepositionOnUpdate = function RepositionOnUpdate(_ref) {
   var children = _ref.children,

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.1",
 	"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": "^5.0.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.4.0",
+		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/modal-dialog": "^14.2.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/ssr": "workspace:^",