@atlaskit/teams-app-internal-popup-adaptor 1.1.0 → 2.0.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 ## 1.1.0
 
+## 2.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ### Minor Changes
 
 - [`780c4e073e406`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/780c4e073e406) -

package/__tests__/unit/useHoverDelay.test.tsx

@@ -87,7 +87,9 @@ test('schedule replaces an in-flight timer rather than stacking it', () => {
 test('unmounting clears any pending timer', () => {
 	const callback = jest.fn();
 
-	const { unmount } = render(<HoverDelayTrigger callback={callback} delay={100} action="schedule" />);
+	const { unmount } = render(
+		<HoverDelayTrigger callback={callback} delay={100} action="schedule" />,
+	);
 
 	unmount();
 

package/__tests__/unit/utils.test.tsx

@@ -1,8 +1,4 @@
-import {
-	getChildPortalFromParentPopup,
-	hasRelatedTarget,
-	isMovingToKudos,
-} from '../../src/utils';
+import { getChildPortalFromParentPopup, hasRelatedTarget, isMovingToKudos } from '../../src/utils';
 
 const buildEventWithRelatedTarget = (relatedTarget: EventTarget | null): Event => {
 	return new MouseEvent('mouseleave', { relatedTarget } as MouseEventInit);

package/package.json

@@ -7,21 +7,13 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <5.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"sideEffects": [
 		"*.compiled.css"
 	],
 	"atlaskit:src": "src/PopupTriggerWithHover.tsx",
 	"dependencies": {
-		"@atlaskit/popup": "^4.19.0",
-		"@atlaskit/spinner": "^19.1.0",
+		"@atlaskit/popup": "^5.0.0",
+		"@atlaskit/spinner": "^20.0.0",
 		"@atlassian/entry-point-types": "^0.0.0",
 		"@atlassian/internal-entry-point-container": "^1.1.0",
 		"@atlassian/react-async": "^0.21.0",
@@ -37,7 +29,8 @@
 	},
 	"devDependencies": {
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
-		"@atlassian/testing-library": "^0.5.0",
+		"@atlassian/testing-library": "^0.6.0",
+		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"relay-test-utils": "^20.1.1"
 	},
@@ -71,7 +64,7 @@
 		}
 	},
 	"name": "@atlaskit/teams-app-internal-popup-adaptor",
-	"version": "1.1.0",
+	"version": "2.0.0",
 	"description": "Internal popup trigger adapter shared by People and Teams profile card packages (hover/click/preload behavior)",
 	"author": "Atlassian Pty Ltd",
 	"publishConfig": {

package/popup-trigger-with-hover/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/PopupTriggerWithHover.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/PopupTriggerWithHover.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/PopupTriggerWithHover.d.ts"
 }

package/tsconfig.app.json

@@ -40,6 +40,21 @@
 	"references": [
 		{
 			"path": "../../design-system/popup/tsconfig.app.json"
+		},
+		{
+			"path": "../../design-system/spinner/tsconfig.app.json"
+		},
+		{
+			"path": "../../entry-points/entry-point-types/tsconfig.app.json"
+		},
+		{
+			"path": "../../entry-points/internal-entry-point-container/tsconfig.app.json"
+		},
+		{
+			"path": "../../async/react-async/tsconfig.app.json"
+		},
+		{
+			"path": "../../relay/relay-environment-provider/tsconfig.app.json"
 		}
 	],
 	"files": []

package/tsconfig.dev.json

@@ -40,6 +40,9 @@
 	"references": [
 		{
 			"path": "./tsconfig.app.json"
+		},
+		{
+			"path": "../../platform/testing-library/tsconfig.app.json"
 		}
 	]
 }

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

@@ -1,28 +0,0 @@
-import React, { type ReactNode } from 'react';
-import { type ContentProps, type PopupProps, type TriggerProps } from '@atlaskit/popup';
-import type { AnyEntryPoint, GetRuntimePropsFromEntryPoint, ParamsOfEntryPoint } from '@atlassian/entry-point-types';
-import { type ErrorCallback, type ErrorFallback } from '@atlassian/internal-entry-point-container';
-export type TriggerMode = 'hover' | 'click' | Array<'hover' | 'click'>;
-type UnionOmit<T, K extends string | number | symbol> = T extends unknown ? Omit<T, K> : never;
-type CustomPopupProps = UnionOmit<PopupProps, 'isOpen' | 'content'>;
-type EntryPointPropsType<TEntryPoint> = GetRuntimePropsFromEntryPoint<TEntryPoint>;
-export type PopupTriggerWithHoverProps<TEntryPoint> = {
-    entryPoint: TEntryPoint;
-    entryPointParams?: ParamsOfEntryPoint<TEntryPoint>;
-    entryPointProps?: Omit<EntryPointPropsType<TEntryPoint>, 'onClose' | 'onContentResized'> & {
-        onClose?: () => void;
-        onContentResized?: ContentProps['update'];
-    };
-    errorFallback?: ErrorFallback;
-    fallback?: ReactNode;
-    forcedReportErrorUFO?: boolean;
-    onError?: ErrorCallback;
-    onOpen?: (method: 'hover' | 'click') => void;
-    trigger: (triggerProps: TriggerProps) => ReactNode;
-    /**
-     * How the popup should be triggered. Defaults to `'click'` when omitted.
-     */
-    triggerMode?: TriggerMode;
-} & CustomPopupProps;
-export declare function PopupTriggerWithHover<TEntryPoint extends AnyEntryPoint>({ trigger, triggerMode, entryPoint, entryPointParams, entryPointProps, fallback, errorFallback, onError, forcedReportErrorUFO, onOpen, onClose, ...popupProps }: PopupTriggerWithHoverProps<TEntryPoint>): React.JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-export { PopupTriggerWithHover, type PopupTriggerWithHoverProps, type TriggerMode, } from './PopupTriggerWithHover';

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

@@ -1,8 +0,0 @@
-/**
- * Hook for managing delayed hover actions with timeout management.
- */
-declare function useHoverDelay(callback: () => void, delay: number): {
-    schedule: () => void;
-    clear: () => void;
-};
-export { useHoverDelay };

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

@@ -1,19 +0,0 @@
-import { type MutableRefObject } from 'react';
-export type UseHoverTriggerRefProps = {
-    onOpen: () => void;
-    onClose?: () => void;
-    isOpen?: boolean;
-    isDisabled?: boolean;
-    openedByRef?: MutableRefObject<'hover' | 'click' | null>;
-    delays?: {
-        hoverOpen?: number;
-        hoverClose?: number;
-    };
-};
-/**
- * Hover behavior for popup trigger and content with delayed open/close.
- */
-export declare function useHoverTriggerRef({ onOpen, onClose, isOpen, isDisabled, openedByRef, delays, }: UseHoverTriggerRefProps): {
-    triggerRef: (element: HTMLElement | null) => void;
-    contentRef: (element: HTMLElement | null) => void;
-};

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

@@ -1,13 +0,0 @@
-export type OnLoad<T> = (obj: {
-    dispose: () => void;
-    reference: T;
-}) => void;
-export type UsePreloadRefProps<T> = {
-    load: () => T;
-    onLoad: OnLoad<T>;
-};
-export declare function usePreloadRef<T extends {
-    dispose: () => void;
-}>({ load, onLoad, }: UsePreloadRefProps<T>): ((element: HTMLElement | null) => void) & {
-    loadAndOpen: () => void;
-};

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

@@ -1,9 +0,0 @@
-import { type MutableRefObject } from 'react';
-export type UsePressableTriggerRefProps = {
-    onOpen: () => void;
-    onClose?: () => void;
-    isOpen?: boolean;
-    isDisabled?: boolean;
-    openedByRef?: MutableRefObject<'hover' | 'click' | null>;
-};
-export declare function usePressableTriggerRef({ onOpen, onClose, isOpen, isDisabled, openedByRef, }: UsePressableTriggerRefProps): (element: HTMLElement | null) => void;

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

@@ -1,16 +0,0 @@
-/**
- * Type guard to check if an event has a relatedTarget property.
- */
-declare function hasRelatedTarget(event: Event): event is Event & {
-    relatedTarget: EventTarget | null;
-};
-/**
- * Checks if the mouse is moving to an atlaskit portal or kudos modal
- * where we should prevent the popup from closing
- */
-declare function isMovingToKudos(relatedTarget: EventTarget | null): boolean;
-/**
- * Returns the child portal if mouse is moving to a portal controlled by the parent popup.
- */
-declare function getChildPortalFromParentPopup(relatedTarget: EventTarget | null, parentPopupElement: HTMLElement | null): Element | null;
-export { hasRelatedTarget, isMovingToKudos, getChildPortalFromParentPopup };