@atlaskit/reactions 34.4.12 → 35.0.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/reactions
 
+## 35.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
+
+## 34.4.13
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 34.4.12
 
 ### Patch Changes

package/ConnectedReactionPicker/package.json

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

package/ConnectedReactionsView/package.json

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

package/MemoryReactionsStore/package.json

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

package/MockReactionsClient/package.json

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

package/Reaction/package.json

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

package/ReactionConsumer/package.json

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

package/ReactionPicker/package.json

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

package/ReactionServiceClient/package.json

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

package/Reactions/package.json

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

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 var packageName = "@atlaskit/reactions";
-var packageVersion = "34.4.11";
+var packageVersion = "34.4.13";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/analytics/index.js

@@ -2,7 +2,7 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 const packageName = "@atlaskit/reactions";
-const packageVersion = "34.4.11";
+const packageVersion = "34.4.13";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/analytics/index.js

@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "34.4.11";
+var packageVersion = "34.4.13";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "34.4.12",
+	"version": "35.0.0",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"atlaskit:src": "src/index.ts",
 	"atlassian": {
 		"react-compiler": {
@@ -39,32 +31,32 @@
 	},
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-elements-reactions": "2.7.0",
-		"@atlaskit/analytics-gas-types": "^5.1.0",
-		"@atlaskit/analytics-namespaced-context": "^7.3.0",
-		"@atlaskit/analytics-next": "^11.3.0",
-		"@atlaskit/avatar": "^25.15.0",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/emoji": "^70.17.0",
-		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^35.4.0",
-		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/modal-dialog": "^15.3.0",
-		"@atlaskit/motion": "^6.2.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popper": "^7.2.0",
-		"@atlaskit/popup": "^4.25.0",
-		"@atlaskit/portal": "^5.5.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/react-ufo": "^6.7.0",
-		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/tabs": "^19.1.0",
-		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/tmp-editor-statsig": "^102.0.0",
-		"@atlaskit/tokens": "^13.4.0",
-		"@atlaskit/tooltip": "^22.6.0",
-		"@atlaskit/ufo": "^0.5.0",
-		"@atlaskit/util-service-support": "^6.4.0",
+		"@atlaskit/analytics-gas-types": "^6.0.0",
+		"@atlaskit/analytics-namespaced-context": "^8.0.0",
+		"@atlaskit/analytics-next": "^12.0.0",
+		"@atlaskit/avatar": "^26.0.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/emoji": "^71.0.0",
+		"@atlaskit/heading": "^6.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/link": "^4.0.0",
+		"@atlaskit/modal-dialog": "^16.0.0",
+		"@atlaskit/motion": "^7.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/popper": "^8.0.0",
+		"@atlaskit/popup": "^5.0.0",
+		"@atlaskit/portal": "^6.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/react-ufo": "^7.0.0",
+		"@atlaskit/spinner": "^20.0.0",
+		"@atlaskit/tabs": "^20.0.0",
+		"@atlaskit/theme": "^26.0.0",
+		"@atlaskit/tmp-editor-statsig": "^104.0.0",
+		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/tooltip": "^23.0.0",
+		"@atlaskit/ufo": "^1.0.0",
+		"@atlaskit/util-service-support": "^7.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"focus-trap": "^2.4.5"
@@ -77,7 +69,7 @@
 	"devDependencies": {
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/editor-test-helpers": "workspace:^",
-		"@atlaskit/util-data-test": "^18.6.0",
+		"@atlaskit/util-data-test": "^19.0.0",
 		"@atlassian/a11y-jest-testing": "^0.12.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/react-compiler-gating": "workspace:^",

package/reaction/package.json

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

package/store/package.json

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

package/types/package.json

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

package/useCloseManager/package.json

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

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

@@ -1,27 +0,0 @@
-import { type Reactions, type Client, type ReactionSummary } from './types';
-export declare const containerAri = "ari:cloud:owner:demo-cloud-id:container/1";
-export declare const ari = "ari:cloud:owner:demo-cloud-id:item/1";
-export declare const getReactionSummary: (shortName: string, count: number, reacted: boolean, extendedReactions?: boolean) => ReactionSummary;
-export declare const getUser: (id: string, displayName: string) => {
-    displayName: string;
-    id: string;
-    profilePicture: {
-        path: string;
-    };
-};
-export declare const simpleMockData: {
-    [key: string]: ReactionSummary[];
-};
-/**
- * Mocked version of the client to fetch user information
- */
-export declare class MockReactionsClient implements Client {
-    private delay;
-    private mockData;
-    constructor(delay?: number, showExtendedReactions?: boolean);
-    private delayPromise;
-    getReactions(containerAri: string, aris: string[]): Promise<Reactions>;
-    getDetailedReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary>;
-    addReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary[]>;
-    deleteReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary[]>;
-}

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

@@ -1,121 +0,0 @@
-import { UIAnalyticsEvent, type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type EventType } from '@atlaskit/analytics-gas-types';
-import { type ReactionSummary, type ReactionSource } from '../types';
-export type PreviousState = 'new' | 'existingNotReacted' | 'existingReacted';
-/**
- * TODO: move to utility package?
- * A random sampling function
- * sampling algorithm is from @atlassian/jira-coinflip at https://stash.atlassian.com/projects/JIRACLOUD/repos/jira-frontend/browse/src/packages/platform/app-framework/coinflip/src/index.tsx
- * E.g. isSampled(2) will pass 50% of the time
- * @param rate The chance that it will pass (1 in <rate> times)
- * @returns bool, if it passes or not
- */
-export declare const isSampled: (rate: number) => boolean;
-export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
-export declare const createAndFireSafe: <U extends any[], T extends (...args: U) => AnalyticsEventPayload>(createAnalyticsEvent: CreateUIAnalyticsEvent | void, creator: T, ...args: U) => void;
-export declare const createRestSucceededEvent: (actionSubject: string) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createRestFailedEvent: (actionSubject: string, errorCode?: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createReactionsRenderedEvent: (startTime: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createPickerButtonClickedEvent: (reactionEmojiCount: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createPickerCancelledEvent: (startTime?: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createPickerMoreClickedEvent: (startTime?: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createReactionSelectionEvent: (source: ReactionSource, emojiId: string, reaction?: ReactionSummary, startTime?: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createReactionHoveredEvent: (startTime?: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createReactionFocusedEvent: (startTime?: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createReactionClickedEvent: (added: boolean, emojiId: string) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-/**
- * Used for store failure metadata for analytics
- * @param error The error could be a service error with {code, reason} or an Error
- * @returns any
- */
-export declare const extractErrorInfo: (error: any) => any;

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

@@ -1,35 +0,0 @@
-import { type Reactions, type ReactionSummary, type Client } from '../types';
-/**
- * Utility class to retrieve/modify all actions on reactions collection
- */
-export declare class ReactionServiceClient implements Client {
-    /**
-     * oAuth token
-     */
-    private sessionToken?;
-    /**
-     * API config
-     */
-    private serviceConfig;
-    /**
-     *
-     * @param baseUrl base domain url
-     * @param sessionToken oAuth token for reactions emoji services
-     */
-    constructor(baseUrl: string, sessionToken?: string);
-    /**
-     * Get http headers for the "fetch" request
-     * @param hasBody
-     */
-    private getHeaders;
-    /**
-     * Send a request to remote service
-     * @param path endpoint api url
-     * @param options Optional custom params
-     */
-    private requestService;
-    getReactions(containerAri: string, aris: string[]): Promise<Reactions>;
-    getDetailedReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary>;
-    addReaction(containerAri: string, ari: string, emojiId: string, metadata?: Record<string, any>): Promise<ReactionSummary[]>;
-    deleteReaction(containerAri: string, ari: string, emojiId: string, metadata?: Record<string, any>): Promise<ReactionSummary[]>;
-}

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

@@ -1 +0,0 @@
-export { ReactionServiceClient } from './ReactionServiceClient';

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

@@ -1,51 +0,0 @@
-import { type Durations } from '@atlaskit/motion';
-/**
- * Test id for component top level div
- */
-export declare const RENDER_COMPONENT_WRAPPER = "counter-wrapper";
-/**
- * Test id for wrapper div of the counter inside the slider
- */
-export declare const RENDER_COUNTER_TESTID = "counter-container";
-/**
- * Counter label value wrapper div
- */
-export declare const RENDER_LABEL_TESTID = "counter_label_wrapper";
-export interface CounterProps {
-    /**
-     * Duration of how long the motion will take (defaults to "medium" from '@atlaskit/motion')
-     */
-    animationDuration?: Durations;
-    /**
-     * Optional wrapper class name
-     */
-    className?: string;
-    /**
-     * Has the emoji been selected by given user (defaults to false)
-     */
-    highlight?: boolean;
-    /**
-     * Max threshold of selections to show before having a label (defaults to 1000)
-     */
-    limit?: number;
-    /**
-     * Label to show when the value surpasses the limit value (defaults to "1k+")
-     */
-    overLimitLabel?: string;
-    /**
-     * Optional prop to use a darker text color for the counter
-     */
-    useDarkerFont?: boolean;
-    /**
-     * Optional prop to show updated styling for counter
-     */
-    useUpdatedStyles?: boolean;
-    /**
-     * Count of emoji been selected
-     */
-    value: number;
-}
-/**
- * Display reaction count next to the emoji button
- */
-export declare const Counter: ({ highlight, limit, overLimitLabel, className, value, animationDuration, useDarkerFont, useUpdatedStyles, }: CounterProps) => JSX.Element;

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

@@ -1,24 +0,0 @@
-import { type EmojiId, type OnEmojiEvent, type EmojiProvider } from '@atlaskit/emoji';
-export declare const RENDER_BUTTON_TESTID = "button-emoji-id";
-export interface EmojiButtonProps {
-    /**
-     * identifier info for a given emoji
-     */
-    emojiId: EmojiId;
-    /**
-     * Async provider to fetch the emoji
-     */
-    emojiProvider: Promise<EmojiProvider>;
-    /**
-     * Optional prop for hoverable reaction picker selector emoji
-     */
-    hoverableReactionPickerSelectorEmoji?: boolean;
-    /**
-     * Event handler when a new emoji is selected
-     */
-    onClick: OnEmojiEvent;
-}
-/**
- * custom button to render the custom emoji selector inside the reaction picker
- */
-export declare const EmojiButton: ({ emojiId, onClick, emojiProvider, hoverableReactionPickerSelectorEmoji, }: EmojiButtonProps) => JSX.Element;

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

@@ -1,23 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type PropsWithChildren } from 'react';
-export type FlashAnimationProps = PropsWithChildren<{
-    /**
-     * Optional wrapper div class anme
-     */
-    className?: string;
-    /**
-     * Show custom animation or render as standard without animation (defaults to false)
-     */
-    flash?: boolean;
-}>;
-/**
- * Test id for wrapper FlashAnimation div
- */
-export declare const RENDER_FLASHANIMATION_TESTID = "flash-animation";
-/**
- * Flash animation background component. See Reaction component for usage.
- */
-export declare const FlashAnimation: (props: FlashAnimationProps) => JSX.Element;