@atlaskit/emoji 69.3.13 → 69.4.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/emoji
 
+## 69.4.0
+
+### Minor Changes
+
+- [`36d69a7efe212`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/36d69a7efe212) -
+  [ux] add escape key support to close emoji picker component for reactions (A11y)
+
+## 69.3.14
+
+### Patch Changes
+
+- [#199353](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/199353)
+  [`f2d4ca35574b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2d4ca35574b8) -
+  Internal changes to how border radius values are applied. No visual change.
+- Updated dependencies
+
 ## 69.3.13
 
 ### Patch Changes

package/admin/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/admin.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/admin.d.ts"
       ]

package/afm-passionfruit/tsconfig.json

@@ -0,0 +1,84 @@
+{
+	"extends": "../../../../tsconfig.entry-points.passionfruit.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../passionfruit/tsDist/@atlaskit__emoji/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
+	],
+	"references": [
+		{
+			"path": "../../../analytics/analytics-next/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/button/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/css/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/heading/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../media/media-client/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../media/media-client-react/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags-react/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/primitives/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../react-ufo/atlaskit/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/spinner/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/textfield/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/theme/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tooltip/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../data/ufo-external/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../util-service-support/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/visually-hidden/afm-passionfruit/tsconfig.json"
+		}
+	]
+}

package/afm-volt/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/dist/cjs/components/common/ToolTipContentWithKeymap.compiled.css

@@ -1,5 +1,5 @@
 
-._2rko1l7b{border-radius:3px}._19bvv77o{padding-left:var(--ds-space-025,2px)}
+._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._bfhk1v65{background-color:var(--_1kd7x7o)}
 ._ca0qidpf{padding-top:0}
 ._jqf61teg{label:tooltip-shortcut}

package/dist/cjs/components/common/ToolTipContentWithKeymap.js

@@ -19,7 +19,7 @@ var ToolTipContentWithKeymap = exports.ToolTipContentWithKeymap = /*#__PURE__*/_
     keymap = _ref.keymap;
   var shortcut = shortcutOverride || keymap && (0, _keymaps.formatShortcut)(keymap);
   return shortcut || description ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, description, shortcut && description && "\xA0", shortcut && /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _runtime.ax)(["_2rko1l7b _bfhk1v65 _ca0qidpf _n3tdidpf _19bvv77o _u5f3v77o _jqf61teg"]),
+    className: (0, _runtime.ax)(["_2rkosqtm _bfhk1v65 _ca0qidpf _n3tdidpf _19bvv77o _u5f3v77o _jqf61teg"]),
     style: {
       "--_1kd7x7o": (0, _runtime.ix)("var(--ds-background-inverse-subtle, ".concat(_colors.N400, ")"))
     }

package/dist/cjs/components/picker/EmojiPickerComponent.js

@@ -17,6 +17,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _colors = require("@atlaskit/theme/colors");
 var _reactDom = require("react-dom");
 var _reactIntlNext = require("react-intl-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _EmojiRepository = require("../../api/EmojiRepository");
 var _EmojiResource = require("../../api/EmojiResource");
 var _constants = require("../../util/constants");
@@ -432,6 +433,10 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
 
   // stop all key propagation to other event listeners
   var suppressKeyPress = function suppressKeyPress(e) {
+    // Allow escape key to propagate so parent components can handle it (behind feature gate)
+    if ((e.key === 'Escape' || e.key === 'Esc') && (0, _platformFeatureFlags.fg)('platform_emoji_picker_escape_propagation')) {
+      return;
+    }
     e.stopPropagation();
     // We prevent default for enter keypresses
     // since products like Bitbucket might have parent forms

package/dist/cjs/util/analytics/analytics.js

@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "69.3.12"
+      packageVersion: "69.3.14"
     }, attributes)
   };
 };

package/dist/es2019/components/common/ToolTipContentWithKeymap.compiled.css

@@ -1,5 +1,5 @@
 
-._2rko1l7b{border-radius:3px}._19bvv77o{padding-left:var(--ds-space-025,2px)}
+._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._bfhk17rn{background-color:var(--ds-background-inverse-subtle,#505f79)}
 ._ca0qidpf{padding-top:0}
 ._jqf61teg{label:tooltip-shortcut}

package/dist/es2019/components/common/ToolTipContentWithKeymap.js

@@ -12,6 +12,6 @@ export const ToolTipContentWithKeymap = /*#__PURE__*/React.memo(({
 }) => {
   const shortcut = shortcutOverride || keymap && formatShortcut(keymap);
   return shortcut || description ? /*#__PURE__*/React.createElement(Fragment, null, description, shortcut && description && '\u00A0', shortcut && /*#__PURE__*/React.createElement("span", {
-    className: ax(["_2rko1l7b _bfhk17rn _ca0qidpf _n3tdidpf _19bvv77o _u5f3v77o _jqf61teg"])
+    className: ax(["_2rkosqtm _bfhk17rn _ca0qidpf _n3tdidpf _19bvv77o _u5f3v77o _jqf61teg"])
   }, shortcut)) : null;
 });

package/dist/es2019/components/picker/EmojiPickerComponent.js

@@ -6,6 +6,7 @@ import { useCallback, useEffect, useMemo, useRef, useState, createRef, memo } fr
 import { N40 } from '@atlaskit/theme/colors';
 import { unstable_batchedUpdates as batchedUpdates } from 'react-dom';
 import { FormattedMessage, useIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getEmojiVariation } from '../../api/EmojiRepository';
 import { supportsUploadFeature } from '../../api/EmojiResource';
 import { KeyboardKeys, customCategory, defaultEmojiPickerSize, frequentCategory } from '../../util/constants';
@@ -370,6 +371,10 @@ const EmojiPickerComponent = ({
 
   // stop all key propagation to other event listeners
   const suppressKeyPress = e => {
+    // Allow escape key to propagate so parent components can handle it (behind feature gate)
+    if ((e.key === 'Escape' || e.key === 'Esc') && fg('platform_emoji_picker_escape_propagation')) {
+      return;
+    }
     e.stopPropagation();
     // We prevent default for enter keypresses
     // since products like Bitbucket might have parent forms

package/dist/es2019/util/analytics/analytics.js

@@ -8,7 +8,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/emoji",
-    packageVersion: "69.3.12",
+    packageVersion: "69.3.14",
     ...attributes
   }
 });

package/dist/esm/components/common/ToolTipContentWithKeymap.compiled.css

@@ -1,5 +1,5 @@
 
-._2rko1l7b{border-radius:3px}._19bvv77o{padding-left:var(--ds-space-025,2px)}
+._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._bfhk1v65{background-color:var(--_1kd7x7o)}
 ._ca0qidpf{padding-top:0}
 ._jqf61teg{label:tooltip-shortcut}

package/dist/esm/components/common/ToolTipContentWithKeymap.js

@@ -11,7 +11,7 @@ export var ToolTipContentWithKeymap = /*#__PURE__*/React.memo(function (_ref) {
     keymap = _ref.keymap;
   var shortcut = shortcutOverride || keymap && formatShortcut(keymap);
   return shortcut || description ? /*#__PURE__*/React.createElement(Fragment, null, description, shortcut && description && "\xA0", shortcut && /*#__PURE__*/React.createElement("span", {
-    className: ax(["_2rko1l7b _bfhk1v65 _ca0qidpf _n3tdidpf _19bvv77o _u5f3v77o _jqf61teg"]),
+    className: ax(["_2rkosqtm _bfhk1v65 _ca0qidpf _n3tdidpf _19bvv77o _u5f3v77o _jqf61teg"]),
     style: {
       "--_1kd7x7o": ix("var(--ds-background-inverse-subtle, ".concat(N400, ")"))
     }

package/dist/esm/components/picker/EmojiPickerComponent.js

@@ -11,6 +11,7 @@ import { useCallback, useEffect, useMemo, useRef, useState, createRef, memo } fr
 import { N40 } from '@atlaskit/theme/colors';
 import { unstable_batchedUpdates as batchedUpdates } from 'react-dom';
 import { FormattedMessage, useIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getEmojiVariation } from '../../api/EmojiRepository';
 import { supportsUploadFeature } from '../../api/EmojiResource';
 import { KeyboardKeys, customCategory, defaultEmojiPickerSize, frequentCategory } from '../../util/constants';
@@ -423,6 +424,10 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
 
   // stop all key propagation to other event listeners
   var suppressKeyPress = function suppressKeyPress(e) {
+    // Allow escape key to propagate so parent components can handle it (behind feature gate)
+    if ((e.key === 'Escape' || e.key === 'Esc') && fg('platform_emoji_picker_escape_propagation')) {
+      return;
+    }
     e.stopPropagation();
     // We prevent default for enter keypresses
     // since products like Bitbucket might have parent forms

package/dist/esm/util/analytics/analytics.js

@@ -13,7 +13,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "69.3.12"
+      packageVersion: "69.3.14"
     }, attributes)
   };
 };

package/dist/types/components/common/DeleteButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ButtonProps } from '@atlaskit/button/standard-button';
 /**
  * Test id for wrapper Emoji delete button

package/dist/types/components/common/Emoji.d.ts

@@ -89,7 +89,7 @@ interface EmojiNodeWrapperProps extends Props {
     type: 'sprite' | 'image';
 }
 export declare const EmojiNodeWrapper: React.ForwardRefExoticComponent<EmojiNodeWrapperProps & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLSpanElement>>;
 export declare const Emoji: (props: Props) => JSX.Element;
 export default Emoji;

package/dist/types/components/common/EmojiActions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type WrappedComponentProps } from 'react-intl-next';
 import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnToneSelected, OnToneSelectorCancelled, ToneSelection } from '../../types';
 import { type OnDeleteEmoji } from './EmojiDeletePreview';

package/dist/types/components/common/EmojiDeletePreview.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type WrappedComponentProps } from 'react-intl-next';
 import type { EmojiDescription } from '../../types';
 export interface OnDeleteEmoji {

package/dist/types/components/common/EmojiErrorMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Message } from '../../types';
 export type ErrorStyle = 'chooseFile' | 'delete' | 'preview';
 export interface Props {

package/dist/types/components/common/EmojiPlaceholder.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StrictXCSSProp } from '@atlaskit/css';
 import type { EmojiImageRepresentation } from '../../types';
 export interface Props {

package/dist/types/components/common/EmojiPreviewComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EmojiDescription } from '../../types';
 type Props = {
     emoji: EmojiDescription;

package/dist/types/components/common/EmojiUploadPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type WrappedComponentProps } from 'react-intl-next';
 import type { EmojiUpload, Message } from '../../types';
 export interface OnUploadEmoji {

package/dist/types/components/common/EmojiUploadPreview.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type WrappedComponentProps } from 'react-intl-next';
 import type { Message } from '../../types';
 import { UploadStatus } from './internal-types';

package/dist/types/components/common/RecordSelectionDefault.d.ts

@@ -9,4 +9,4 @@ import type { EmojiProvider } from '../../api/EmojiResource';
  * @param onSelect the onSelect function that is explicitly configured on the Emoji component.
  * @param fireAnalytics a function used to fire analytics events.
  */
-export declare const createRecordSelectionDefault: <T>(provider: EmojiProvider, onSelect?: OnEmojiEvent<T>, fireAnalytics?: ((producer: EmojiInsertionAnalytic) => void) | undefined) => OnEmojiEvent<T>;
+export declare const createRecordSelectionDefault: <T>(provider: EmojiProvider, onSelect?: OnEmojiEvent<T>, fireAnalytics?: (producer: EmojiInsertionAnalytic) => void) => OnEmojiEvent<T>;

package/dist/types/components/common/RetryableButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface Props {
     label: string;
     appearance: string;

package/dist/types/components/common/TonePreviewButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EmojiDescription } from '../../types';
 export declare const tonePreviewTestId = "tone-preview";
 export interface Props {

package/dist/types/components/common/ToneSelector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EmojiDescriptionWithVariations, OnToneSelected, ToneSelection } from '../../types';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 export interface Props {

package/dist/types/components/common/ToolTipContentWithKeymap.d.ts

@@ -6,6 +6,6 @@ import React from 'react';
 import { type Keymap } from '../../util/keymaps';
 export declare const ToolTipContentWithKeymap: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;
-    keymap?: Keymap | undefined;
-    shortcutOverride?: string | undefined;
+    keymap?: Keymap;
+    shortcutOverride?: string;
 }) => JSX.Element | null>;

package/dist/types/components/picker/CategorySelector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CategoryDescription, OnCategory } from '../../types';
 import { type CategoryGroupKey, type CategoryId } from './categories';
 export interface Props {

package/dist/types/components/picker/EmojiPickerCategoryHeading.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CategoryGroupKey } from './categories';
 /**
  * Test id for wrapper Emoji Picker List div

package/dist/types/components/picker/EmojiPickerComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type OnEmojiEvent, type PickerSize } from '../../types';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface PickerRefHandler {

package/dist/types/components/picker/EmojiPickerEmojiRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EmojiDescription, OnEmojiEvent } from '../../types';
 import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
 import type { CategoryGroupKey } from './categories';

package/dist/types/components/picker/EmojiPickerFooter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EmojiDescription } from '../../types';
 export interface Props {
     selectedEmoji?: EmojiDescription;

package/dist/types/components/picker/EmojiPickerListSearch.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Styles } from '../../types';
 export interface Props {
     style?: Styles;

package/dist/types/components/typeahead/EmojiTypeAheadSpinner.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function EmojiTypeAheadSpinner(): JSX.Element;

package/dist/types/components/uploader/EmojiUploadComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type EmojiProvider } from '../../api/EmojiResource';
 export interface UploadRefHandler {

package/dist/types/context/EmojiContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EmojiContext as InternalEmojiContextType } from '../components/common/internal-types';
 export type EmojiContextType = InternalEmojiContextType | null;
 export declare const EmojiContext: import("react").Context<EmojiContextType>;

package/dist/types/hooks/useInView.d.ts

@@ -1,4 +1,4 @@
 import { type IntersectionOptions } from 'react-intersection-observer';
 type InViewHookNotSupportedResponse = [undefined, boolean];
-export declare const useInView: (options?: IntersectionOptions | undefined) => import("react-intersection-observer").InViewHookResponse | InViewHookNotSupportedResponse;
+export declare const useInView: (options?: IntersectionOptions | undefined) => InViewHookNotSupportedResponse | import("react-intersection-observer").InViewHookResponse;
 export {};

package/dist/types/util/type-helpers.d.ts

@@ -1,3 +1,4 @@
+import { messages } from '../components/i18n';
 import type { CategoryId } from '../components/picker/categories';
 import type { EmojiDescription, EmojiDescriptionWithVariations, EmojiId, EmojiImageRepresentation, EmojiRepresentation, EmojiServiceRepresentation, EmojiVariationDescription, ImageRepresentation, MediaApiRepresentation, OptionalEmojiDescription, SpriteRepresentation, SpriteServiceRepresentation } from '../types';
 export declare const isSpriteServiceRepresentation: (rep: EmojiServiceRepresentation) => rep is SpriteServiceRepresentation;
@@ -11,7 +12,7 @@ export declare const hasDataURLImage: (rep: EmojiRepresentation) => boolean;
 export declare const isLoadedMediaEmoji: (emoji: EmojiDescription) => boolean;
 export declare const isEmojiDescriptionWithVariations: (emoji: OptionalEmojiDescription) => emoji is EmojiDescriptionWithVariations;
 export declare const isEmojiVariationDescription: (object: any) => object is EmojiVariationDescription;
-export declare const isMessagesKey: (key: string) => key is "deleteEmojiTooltip" | "deleteEmojiTooltipForScreenreader" | "deleteEmojiTitle" | "deleteEmojiDescription" | "deleteEmojiLabel" | "addCustomEmojiLabel" | "emojiPlaceholder" | "emojiNameAriaLabel" | "emojiChooseFileTitle" | "emojiChooseFileScreenReaderDescription" | "emojiSelectSkinToneButtonAriaLabelText" | "emojiSelectSkinToneListAriaLabelText" | "emojiImageRequirements" | "emojiPreviewTitle" | "emojiPreview" | "addEmojiLabel" | "retryLabel" | "cancelLabel" | "searchPlaceholder" | "searchLabel" | "searchResultsStatus" | "searchResultsStatusSeeAll" | "categoriesSelectorLabel" | "categoriesSearchResults" | "frequentCategory" | "peopleCategory" | "natureCategory" | "foodsCategory" | "activityCategory" | "placesCategory" | "objectsCategory" | "symbolsCategory" | "flagsCategory" | "productivityCategory" | "userUploadsCustomCategory" | "allUploadsCustomCategory" | "deleteEmojiFailed" | "emojiInvalidImage" | "emojiUploadFailed" | "emojiUploadTimeout" | "emojiImageTooBig" | "emojiPickerTitle" | "emojiPickerListPanel" | "emojiPickerGrid" | "emojiButtonRoleDescription" | "error";
+export declare const isMessagesKey: (key: string) => key is keyof typeof messages;
 export declare const toEmojiId: (emoji: EmojiDescription) => EmojiId;
 export declare const toOptionalEmojiId: (emoji: OptionalEmojiDescription) => EmojiId | undefined;
 export declare const isEmojiIdEqual: (l?: EmojiId, r?: EmojiId) => boolean | undefined;

package/dist/types-ts4.5/components/common/DeleteButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ButtonProps } from '@atlaskit/button/standard-button';
 /**
  * Test id for wrapper Emoji delete button

package/dist/types-ts4.5/components/common/Emoji.d.ts

@@ -89,7 +89,7 @@ interface EmojiNodeWrapperProps extends Props {
     type: 'sprite' | 'image';
 }
 export declare const EmojiNodeWrapper: React.ForwardRefExoticComponent<EmojiNodeWrapperProps & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLSpanElement>>;
 export declare const Emoji: (props: Props) => JSX.Element;
 export default Emoji;

package/dist/types-ts4.5/components/common/EmojiActions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type WrappedComponentProps } from 'react-intl-next';
 import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnToneSelected, OnToneSelectorCancelled, ToneSelection } from '../../types';
 import { type OnDeleteEmoji } from './EmojiDeletePreview';

package/dist/types-ts4.5/components/common/EmojiDeletePreview.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type WrappedComponentProps } from 'react-intl-next';
 import type { EmojiDescription } from '../../types';
 export interface OnDeleteEmoji {

package/dist/types-ts4.5/components/common/EmojiErrorMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Message } from '../../types';
 export type ErrorStyle = 'chooseFile' | 'delete' | 'preview';
 export interface Props {

package/dist/types-ts4.5/components/common/EmojiPlaceholder.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StrictXCSSProp } from '@atlaskit/css';
 import type { EmojiImageRepresentation } from '../../types';
 export interface Props {

package/dist/types-ts4.5/components/common/EmojiPreviewComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EmojiDescription } from '../../types';
 type Props = {
     emoji: EmojiDescription;

package/dist/types-ts4.5/components/common/EmojiUploadPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type WrappedComponentProps } from 'react-intl-next';
 import type { EmojiUpload, Message } from '../../types';
 export interface OnUploadEmoji {

package/dist/types-ts4.5/components/common/EmojiUploadPreview.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type WrappedComponentProps } from 'react-intl-next';
 import type { Message } from '../../types';
 import { UploadStatus } from './internal-types';

package/dist/types-ts4.5/components/common/RecordSelectionDefault.d.ts

@@ -9,4 +9,4 @@ import type { EmojiProvider } from '../../api/EmojiResource';
  * @param onSelect the onSelect function that is explicitly configured on the Emoji component.
  * @param fireAnalytics a function used to fire analytics events.
  */
-export declare const createRecordSelectionDefault: <T>(provider: EmojiProvider, onSelect?: OnEmojiEvent<T>, fireAnalytics?: ((producer: EmojiInsertionAnalytic) => void) | undefined) => OnEmojiEvent<T>;
+export declare const createRecordSelectionDefault: <T>(provider: EmojiProvider, onSelect?: OnEmojiEvent<T>, fireAnalytics?: (producer: EmojiInsertionAnalytic) => void) => OnEmojiEvent<T>;

package/dist/types-ts4.5/components/common/RetryableButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface Props {
     label: string;
     appearance: string;

package/dist/types-ts4.5/components/common/TonePreviewButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EmojiDescription } from '../../types';
 export declare const tonePreviewTestId = "tone-preview";
 export interface Props {

package/dist/types-ts4.5/components/common/ToneSelector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EmojiDescriptionWithVariations, OnToneSelected, ToneSelection } from '../../types';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 export interface Props {

package/dist/types-ts4.5/components/common/ToolTipContentWithKeymap.d.ts

@@ -6,6 +6,6 @@ import React from 'react';
 import { type Keymap } from '../../util/keymaps';
 export declare const ToolTipContentWithKeymap: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;
-    keymap?: Keymap | undefined;
-    shortcutOverride?: string | undefined;
+    keymap?: Keymap;
+    shortcutOverride?: string;
 }) => JSX.Element | null>;

package/dist/types-ts4.5/components/picker/CategorySelector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CategoryDescription, OnCategory } from '../../types';
 import { type CategoryGroupKey, type CategoryId } from './categories';
 export interface Props {

package/dist/types-ts4.5/components/picker/EmojiPickerCategoryHeading.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CategoryGroupKey } from './categories';
 /**
  * Test id for wrapper Emoji Picker List div

package/dist/types-ts4.5/components/picker/EmojiPickerComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type OnEmojiEvent, type PickerSize } from '../../types';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface PickerRefHandler {

package/dist/types-ts4.5/components/picker/EmojiPickerEmojiRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EmojiDescription, OnEmojiEvent } from '../../types';
 import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
 import type { CategoryGroupKey } from './categories';

package/dist/types-ts4.5/components/picker/EmojiPickerFooter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EmojiDescription } from '../../types';
 export interface Props {
     selectedEmoji?: EmojiDescription;

package/dist/types-ts4.5/components/picker/EmojiPickerListSearch.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Styles } from '../../types';
 export interface Props {
     style?: Styles;

package/dist/types-ts4.5/components/typeahead/EmojiTypeAheadSpinner.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function EmojiTypeAheadSpinner(): JSX.Element;

package/dist/types-ts4.5/components/uploader/EmojiUploadComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type EmojiProvider } from '../../api/EmojiResource';
 export interface UploadRefHandler {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EmojiContext as InternalEmojiContextType } from '../components/common/internal-types';
 export type EmojiContextType = InternalEmojiContextType | null;
 export declare const EmojiContext: import("react").Context<EmojiContextType>;

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

@@ -3,5 +3,5 @@ type InViewHookNotSupportedResponse = [
     undefined,
     boolean
 ];
-export declare const useInView: (options?: IntersectionOptions | undefined) => import("react-intersection-observer").InViewHookResponse | InViewHookNotSupportedResponse;
+export declare const useInView: (options?: IntersectionOptions | undefined) => InViewHookNotSupportedResponse | import("react-intersection-observer").InViewHookResponse;
 export {};

package/dist/types-ts4.5/util/type-helpers.d.ts

@@ -1,3 +1,4 @@
+import { messages } from '../components/i18n';
 import type { CategoryId } from '../components/picker/categories';
 import type { EmojiDescription, EmojiDescriptionWithVariations, EmojiId, EmojiImageRepresentation, EmojiRepresentation, EmojiServiceRepresentation, EmojiVariationDescription, ImageRepresentation, MediaApiRepresentation, OptionalEmojiDescription, SpriteRepresentation, SpriteServiceRepresentation } from '../types';
 export declare const isSpriteServiceRepresentation: (rep: EmojiServiceRepresentation) => rep is SpriteServiceRepresentation;
@@ -11,7 +12,7 @@ export declare const hasDataURLImage: (rep: EmojiRepresentation) => boolean;
 export declare const isLoadedMediaEmoji: (emoji: EmojiDescription) => boolean;
 export declare const isEmojiDescriptionWithVariations: (emoji: OptionalEmojiDescription) => emoji is EmojiDescriptionWithVariations;
 export declare const isEmojiVariationDescription: (object: any) => object is EmojiVariationDescription;
-export declare const isMessagesKey: (key: string) => key is "deleteEmojiTooltip" | "deleteEmojiTooltipForScreenreader" | "deleteEmojiTitle" | "deleteEmojiDescription" | "deleteEmojiLabel" | "addCustomEmojiLabel" | "emojiPlaceholder" | "emojiNameAriaLabel" | "emojiChooseFileTitle" | "emojiChooseFileScreenReaderDescription" | "emojiSelectSkinToneButtonAriaLabelText" | "emojiSelectSkinToneListAriaLabelText" | "emojiImageRequirements" | "emojiPreviewTitle" | "emojiPreview" | "addEmojiLabel" | "retryLabel" | "cancelLabel" | "searchPlaceholder" | "searchLabel" | "searchResultsStatus" | "searchResultsStatusSeeAll" | "categoriesSelectorLabel" | "categoriesSearchResults" | "frequentCategory" | "peopleCategory" | "natureCategory" | "foodsCategory" | "activityCategory" | "placesCategory" | "objectsCategory" | "symbolsCategory" | "flagsCategory" | "productivityCategory" | "userUploadsCustomCategory" | "allUploadsCustomCategory" | "deleteEmojiFailed" | "emojiInvalidImage" | "emojiUploadFailed" | "emojiUploadTimeout" | "emojiImageTooBig" | "emojiPickerTitle" | "emojiPickerListPanel" | "emojiPickerGrid" | "emojiButtonRoleDescription" | "error";
+export declare const isMessagesKey: (key: string) => key is keyof typeof messages;
 export declare const toEmojiId: (emoji: EmojiDescription) => EmojiId;
 export declare const toOptionalEmojiId: (emoji: OptionalEmojiDescription) => EmojiId | undefined;
 export declare const isEmojiIdEqual: (l?: EmojiId, r?: EmojiId) => boolean | undefined;

package/element/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/element.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/element.d.ts"
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "69.3.13",
+	"version": "69.4.0",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,16 +35,16 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/button": "^23.3.0",
+		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.9.0",
-		"@atlaskit/media-client": "^35.2.0",
+		"@atlaskit/icon": "^27.12.0",
+		"@atlaskit/media-client": "^35.3.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/primitives": "^14.11.0",
-		"@atlaskit/react-ufo": "^4.2.0",
+		"@atlaskit/react-ufo": "^4.3.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",
@@ -132,6 +132,9 @@
 		},
 		"platform_reactions_placeholder_custom_background": {
 			"type": "boolean"
+		},
+		"platform_emoji_picker_escape_propagation": {
+			"type": "boolean"
 		}
 	},
 	"scripts": {

package/picker/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/picker.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/picker.d.ts"
       ]

package/resource/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/resource.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/resource.d.ts"
       ]

package/typeahead/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/typeahead.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/typeahead.d.ts"
       ]

package/types/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/types.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/types.d.ts"
       ]

package/utils/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/utils.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/utils.d.ts"
       ]