@atlaskit/popup 1.19.4 → 1.20.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/popup
 
+## 1.20.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.20.0
+
+### Minor Changes
+
+- [#116426](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116426)
+  [`d6c9799d09e87`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d6c9799d09e87) -
+  Updates compositional popup to take an optional prop for the popup content to expand to the full
+  width of the parent container
+
 ## 1.19.4
 
 ### Patch Changes

package/dist/cjs/compositional/popup.js

@@ -126,10 +126,10 @@ var PopupContent = exports.PopupContent = function PopupContent(_ref4) {
     zIndex = _ref4$zIndex === void 0 ? defaultLayer : _ref4$zIndex,
     _ref4$shouldUseCaptur = _ref4.shouldUseCaptureOnOutsideClick,
     shouldUseCaptureOnOutsideClick = _ref4$shouldUseCaptur === void 0 ? false : _ref4$shouldUseCaptur,
-    _ref4$shouldRenderToP = _ref4.shouldRenderToParent,
-    shouldRenderToParent = _ref4$shouldRenderToP === void 0 ? false : _ref4$shouldRenderToP,
+    shouldRenderToParent = _ref4.shouldRenderToParent,
     _ref4$shouldDisableFo = _ref4.shouldDisableFocusLock,
-    shouldDisableFocusLock = _ref4$shouldDisableFo === void 0 ? false : _ref4$shouldDisableFo;
+    shouldDisableFocusLock = _ref4$shouldDisableFo === void 0 ? false : _ref4$shouldDisableFo,
+    shouldFitContainer = _ref4.shouldFitContainer;
   useEnsureIsInsidePopup();
   var isOpen = (0, _react.useContext)(IsOpenContext);
   var id = (0, _react.useContext)(IdContext);
@@ -153,6 +153,7 @@ var PopupContent = exports.PopupContent = function PopupContent(_ref4) {
     testId: testId,
     onClose: onClose,
     autoFocus: autoFocus,
+    shouldFitContainer: shouldFitContainer,
     shouldUseCaptureOnOutsideClick: shouldUseCaptureOnOutsideClick,
     shouldRenderToParent: shouldRenderToParent,
     shouldDisableFocusLock: shouldDisableFocusLock,

package/dist/es2019/compositional/popup.js

@@ -106,8 +106,9 @@ export const PopupContent = ({
   autoFocus = true,
   zIndex = defaultLayer,
   shouldUseCaptureOnOutsideClick = false,
-  shouldRenderToParent = false,
-  shouldDisableFocusLock = false
+  shouldRenderToParent,
+  shouldDisableFocusLock = false,
+  shouldFitContainer
 }) => {
   useEnsureIsInsidePopup();
   const isOpen = useContext(IsOpenContext);
@@ -132,6 +133,7 @@ export const PopupContent = ({
     testId: testId,
     onClose: onClose,
     autoFocus: autoFocus,
+    shouldFitContainer: shouldFitContainer,
     shouldUseCaptureOnOutsideClick: shouldUseCaptureOnOutsideClick,
     shouldRenderToParent: shouldRenderToParent,
     shouldDisableFocusLock: shouldDisableFocusLock,

package/dist/esm/compositional/popup.js

@@ -116,10 +116,10 @@ export var PopupContent = function PopupContent(_ref4) {
     zIndex = _ref4$zIndex === void 0 ? defaultLayer : _ref4$zIndex,
     _ref4$shouldUseCaptur = _ref4.shouldUseCaptureOnOutsideClick,
     shouldUseCaptureOnOutsideClick = _ref4$shouldUseCaptur === void 0 ? false : _ref4$shouldUseCaptur,
-    _ref4$shouldRenderToP = _ref4.shouldRenderToParent,
-    shouldRenderToParent = _ref4$shouldRenderToP === void 0 ? false : _ref4$shouldRenderToP,
+    shouldRenderToParent = _ref4.shouldRenderToParent,
     _ref4$shouldDisableFo = _ref4.shouldDisableFocusLock,
-    shouldDisableFocusLock = _ref4$shouldDisableFo === void 0 ? false : _ref4$shouldDisableFo;
+    shouldDisableFocusLock = _ref4$shouldDisableFo === void 0 ? false : _ref4$shouldDisableFo,
+    shouldFitContainer = _ref4.shouldFitContainer;
   useEnsureIsInsidePopup();
   var isOpen = useContext(IsOpenContext);
   var id = useContext(IdContext);
@@ -143,6 +143,7 @@ export var PopupContent = function PopupContent(_ref4) {
     testId: testId,
     onClose: onClose,
     autoFocus: autoFocus,
+    shouldFitContainer: shouldFitContainer,
     shouldUseCaptureOnOutsideClick: shouldUseCaptureOnOutsideClick,
     shouldRenderToParent: shouldRenderToParent,
     shouldDisableFocusLock: shouldDisableFocusLock,

package/dist/types/compositional/popup.d.ts

@@ -36,9 +36,18 @@ export type PopupTriggerProps = {
  * It must be a child of the Popup component.
  */
 export declare const PopupTrigger: ({ children }: PopupTriggerProps) => JSX.Element;
-export type PopupContentProps = Pick<LegacyPopupProps, 'boundary' | 'offset' | 'strategy' | 'onClose' | 'testId' | 'placement' | 'fallbackPlacements' | 'popupComponent' | 'shouldFlip' | 'rootBoundary' | 'autoFocus' | 'shouldUseCaptureOnOutsideClick' | 'shouldRenderToParent' | 'shouldDisableFocusLock' | 'zIndex'> & {
+type CommonContentPopupProps = Pick<LegacyPopupProps, 'boundary' | 'offset' | 'onClose' | 'testId' | 'placement' | 'fallbackPlacements' | 'popupComponent' | 'shouldFlip' | 'rootBoundary' | 'autoFocus' | 'shouldRenderToParent' | 'shouldUseCaptureOnOutsideClick' | 'shouldDisableFocusLock' | 'strategy' | 'zIndex'> & {
     children: (props: ContentProps) => React.ReactNode;
 };
+type ShouldFitContainerContentPopupProps = CommonContentPopupProps & {
+    shouldFitContainer: true;
+    shouldRenderToParent?: true;
+    strategy?: 'absolute';
+};
+type StandardPopupContentProps = CommonContentPopupProps & {
+    shouldFitContainer?: false;
+};
+export type PopupContentProps = ShouldFitContainerContentPopupProps | StandardPopupContentProps;
 /**
  * __Popup content__
  *
@@ -46,4 +55,5 @@ export type PopupContentProps = Pick<LegacyPopupProps, 'boundary' | 'offset' | '
  *
  * It must be a child of the Popup component.
  */
-export declare const PopupContent: ({ children, boundary, offset, strategy, onClose, testId, rootBoundary, shouldFlip, placement, fallbackPlacements, popupComponent, autoFocus, zIndex, shouldUseCaptureOnOutsideClick, shouldRenderToParent, shouldDisableFocusLock, }: PopupContentProps) => JSX.Element | null;
+export declare const PopupContent: ({ children, boundary, offset, strategy, onClose, testId, rootBoundary, shouldFlip, placement, fallbackPlacements, popupComponent, autoFocus, zIndex, shouldUseCaptureOnOutsideClick, shouldRenderToParent, shouldDisableFocusLock, shouldFitContainer, }: PopupContentProps) => JSX.Element | null;
+export {};

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

@@ -36,9 +36,18 @@ export type PopupTriggerProps = {
  * It must be a child of the Popup component.
  */
 export declare const PopupTrigger: ({ children }: PopupTriggerProps) => JSX.Element;
-export type PopupContentProps = Pick<LegacyPopupProps, 'boundary' | 'offset' | 'strategy' | 'onClose' | 'testId' | 'placement' | 'fallbackPlacements' | 'popupComponent' | 'shouldFlip' | 'rootBoundary' | 'autoFocus' | 'shouldUseCaptureOnOutsideClick' | 'shouldRenderToParent' | 'shouldDisableFocusLock' | 'zIndex'> & {
+type CommonContentPopupProps = Pick<LegacyPopupProps, 'boundary' | 'offset' | 'onClose' | 'testId' | 'placement' | 'fallbackPlacements' | 'popupComponent' | 'shouldFlip' | 'rootBoundary' | 'autoFocus' | 'shouldRenderToParent' | 'shouldUseCaptureOnOutsideClick' | 'shouldDisableFocusLock' | 'strategy' | 'zIndex'> & {
     children: (props: ContentProps) => React.ReactNode;
 };
+type ShouldFitContainerContentPopupProps = CommonContentPopupProps & {
+    shouldFitContainer: true;
+    shouldRenderToParent?: true;
+    strategy?: 'absolute';
+};
+type StandardPopupContentProps = CommonContentPopupProps & {
+    shouldFitContainer?: false;
+};
+export type PopupContentProps = ShouldFitContainerContentPopupProps | StandardPopupContentProps;
 /**
  * __Popup content__
  *
@@ -46,4 +55,5 @@ export type PopupContentProps = Pick<LegacyPopupProps, 'boundary' | 'offset' | '
  *
  * It must be a child of the Popup component.
  */
-export declare const PopupContent: ({ children, boundary, offset, strategy, onClose, testId, rootBoundary, shouldFlip, placement, fallbackPlacements, popupComponent, autoFocus, zIndex, shouldUseCaptureOnOutsideClick, shouldRenderToParent, shouldDisableFocusLock, }: PopupContentProps) => JSX.Element | null;
+export declare const PopupContent: ({ children, boundary, offset, strategy, onClose, testId, rootBoundary, shouldFlip, placement, fallbackPlacements, popupComponent, autoFocus, zIndex, shouldUseCaptureOnOutsideClick, shouldRenderToParent, shouldDisableFocusLock, shouldFitContainer, }: PopupContentProps) => JSX.Element | null;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "1.19.4",
+	"version": "1.20.1",
 	"description": "A popup displays brief content in an overlay.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -45,7 +45,7 @@
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.1.0",
 		"@atlaskit/portal": "^4.6.0",
-		"@atlaskit/primitives": "^10.0.0",
+		"@atlaskit/primitives": "^11.0.0",
 		"@atlaskit/theme": "^12.11.0",
 		"@atlaskit/tokens": "^1.53.0",
 		"@babel/runtime": "^7.0.0",
@@ -63,14 +63,14 @@
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/button": "^18.0.0",
-		"@atlaskit/icon": "^22.5.0",
+		"@atlaskit/button": "^18.3.0",
+		"@atlaskit/icon": "^22.6.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/textfield": "^6.4.0",
 		"@atlaskit/toggle": "^13.2.0",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/feature-flags-test-utils": "*",
-		"@testing-library/dom": "^8.17.1",
+		"@testing-library/dom": "^10.1.0",
 		"@testing-library/react": "^12.1.5",
 		"@testing-library/user-event": "^14.4.3",
 		"ast-types": "^0.13.3",