@atlaskit/emoji 67.6.21 → 67.6.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/CHANGELOG.md +2027 -2024
  2. package/afm-cc/tsconfig.json +3 -0
  3. package/dist/cjs/components/common/DeleteButton.js +8 -4
  4. package/dist/cjs/components/common/Emoji.js +30 -16
  5. package/dist/cjs/components/common/EmojiActions.js +6 -2
  6. package/dist/cjs/components/common/EmojiDeletePreview.js +3 -4
  7. package/dist/cjs/components/common/EmojiPlaceholder.js +6 -2
  8. package/dist/cjs/components/common/EmojiUploadPreview.js +2 -3
  9. package/dist/cjs/components/common/FileChooser.js +6 -3
  10. package/dist/cjs/components/common/RetryableButton.js +10 -7
  11. package/dist/cjs/components/common/Scrollable.js +4 -1
  12. package/dist/cjs/components/common/TonePreviewButton.js +3 -1
  13. package/dist/cjs/components/common/styles.js +1 -21
  14. package/dist/cjs/components/picker/EmojiPickerCategoryHeading.js +3 -1
  15. package/dist/cjs/components/picker/EmojiPickerListSearch.js +29 -26
  16. package/dist/cjs/components/picker/VirtualList.js +6 -0
  17. package/dist/cjs/components/typeahead/EmojiTypeAheadComponent.js +4 -1
  18. package/dist/cjs/components/typeahead/EmojiTypeAheadItem.js +1 -0
  19. package/dist/cjs/util/analytics/analytics.js +1 -1
  20. package/dist/es2019/components/common/DeleteButton.js +7 -3
  21. package/dist/es2019/components/common/Emoji.js +30 -16
  22. package/dist/es2019/components/common/EmojiActions.js +6 -2
  23. package/dist/es2019/components/common/EmojiDeletePreview.js +3 -4
  24. package/dist/es2019/components/common/EmojiPlaceholder.js +6 -2
  25. package/dist/es2019/components/common/EmojiUploadPreview.js +2 -3
  26. package/dist/es2019/components/common/FileChooser.js +6 -3
  27. package/dist/es2019/components/common/RetryableButton.js +11 -8
  28. package/dist/es2019/components/common/Scrollable.js +4 -1
  29. package/dist/es2019/components/common/TonePreviewButton.js +3 -1
  30. package/dist/es2019/components/common/styles.js +0 -20
  31. package/dist/es2019/components/picker/EmojiPickerCategoryHeading.js +3 -1
  32. package/dist/es2019/components/picker/EmojiPickerListSearch.js +29 -26
  33. package/dist/es2019/components/picker/VirtualList.js +6 -0
  34. package/dist/es2019/components/typeahead/EmojiTypeAheadComponent.js +4 -1
  35. package/dist/es2019/components/typeahead/EmojiTypeAheadItem.js +1 -0
  36. package/dist/es2019/util/analytics/analytics.js +1 -1
  37. package/dist/esm/components/common/DeleteButton.js +7 -3
  38. package/dist/esm/components/common/Emoji.js +30 -16
  39. package/dist/esm/components/common/EmojiActions.js +6 -2
  40. package/dist/esm/components/common/EmojiDeletePreview.js +3 -4
  41. package/dist/esm/components/common/EmojiPlaceholder.js +6 -2
  42. package/dist/esm/components/common/EmojiUploadPreview.js +2 -3
  43. package/dist/esm/components/common/FileChooser.js +6 -3
  44. package/dist/esm/components/common/RetryableButton.js +11 -8
  45. package/dist/esm/components/common/Scrollable.js +4 -1
  46. package/dist/esm/components/common/TonePreviewButton.js +3 -1
  47. package/dist/esm/components/common/styles.js +0 -20
  48. package/dist/esm/components/picker/EmojiPickerCategoryHeading.js +3 -1
  49. package/dist/esm/components/picker/EmojiPickerListSearch.js +29 -26
  50. package/dist/esm/components/picker/VirtualList.js +6 -0
  51. package/dist/esm/components/typeahead/EmojiTypeAheadComponent.js +4 -1
  52. package/dist/esm/components/typeahead/EmojiTypeAheadItem.js +1 -0
  53. package/dist/esm/util/analytics/analytics.js +1 -1
  54. package/dist/types/api/EmojiResource.d.ts +1 -1
  55. package/dist/types/api/media/TokenManager.d.ts +1 -1
  56. package/dist/types/components/common/DeleteButton.d.ts +2 -2
  57. package/dist/types/components/common/Emoji.d.ts +1 -1
  58. package/dist/types/components/common/EmojiErrorMessage.d.ts +1 -1
  59. package/dist/types/components/common/LoadingEmojiComponent.d.ts +1 -1
  60. package/dist/types/components/common/Scrollable.d.ts +1 -1
  61. package/dist/types/components/common/ToolTipContentWithKeymap.d.ts +1 -1
  62. package/dist/types/components/common/UfoErrorBoundary.d.ts +1 -1
  63. package/dist/types/components/common/styles.d.ts +0 -3
  64. package/dist/types/components/picker/EmojiPickerVirtualItems.d.ts +2 -2
  65. package/dist/types/components/typeahead/EmojiTypeAhead.d.ts +1 -1
  66. package/dist/types/hooks/useInView.d.ts +1 -1
  67. package/dist/types/index.d.ts +1 -1
  68. package/dist/types/util/StoredDuplicateLimitedQueue.d.ts +1 -1
  69. package/dist/types/util/analytics/ufoExperiences.d.ts +1 -1
  70. package/dist/types-ts4.5/api/EmojiResource.d.ts +1 -1
  71. package/dist/types-ts4.5/api/media/TokenManager.d.ts +1 -1
  72. package/dist/types-ts4.5/components/common/DeleteButton.d.ts +2 -2
  73. package/dist/types-ts4.5/components/common/Emoji.d.ts +1 -1
  74. package/dist/types-ts4.5/components/common/EmojiErrorMessage.d.ts +1 -1
  75. package/dist/types-ts4.5/components/common/LoadingEmojiComponent.d.ts +1 -1
  76. package/dist/types-ts4.5/components/common/Scrollable.d.ts +1 -1
  77. package/dist/types-ts4.5/components/common/ToolTipContentWithKeymap.d.ts +1 -1
  78. package/dist/types-ts4.5/components/common/UfoErrorBoundary.d.ts +1 -1
  79. package/dist/types-ts4.5/components/common/styles.d.ts +0 -3
  80. package/dist/types-ts4.5/components/picker/EmojiPickerVirtualItems.d.ts +2 -2
  81. package/dist/types-ts4.5/components/typeahead/EmojiTypeAhead.d.ts +1 -1
  82. package/dist/types-ts4.5/hooks/useInView.d.ts +1 -1
  83. package/dist/types-ts4.5/index.d.ts +1 -1
  84. package/dist/types-ts4.5/util/StoredDuplicateLimitedQueue.d.ts +1 -1
  85. package/dist/types-ts4.5/util/analytics/ufoExperiences.d.ts +1 -1
  86. package/package.json +9 -9
@@ -18,7 +18,9 @@ export var TonePreviewButton = /*#__PURE__*/forwardRef(function (props, ref) {
18
18
  onClick: onSelected,
19
19
  "aria-label": ariaLabelText,
20
20
  "aria-expanded": ariaExpanded,
21
- "aria-controls": "emoji-picker-tone-selector",
21
+ "aria-controls": "emoji-picker-tone-selector"
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
23
+ ,
22
24
  style: {
23
25
  overflow: 'hidden'
24
26
  },
@@ -399,26 +399,6 @@ export var emojiPreviewErrorMessage = css({
399
399
  export var addCustomEmojiButton = css({
400
400
  maxWidth: '285px'
401
401
  });
402
- export var uploadRetryButton = css({
403
- maxWidth: '172px',
404
- justifyContent: 'center',
405
- fontWeight: 'bold',
406
- marginRight: "var(--ds-space-050, 4px)",
407
- div: {
408
- display: 'flex'
409
- }
410
- });
411
- export var uploadEmojiButton = css({
412
- maxWidth: '187px',
413
- justifyContent: 'center',
414
- marginRight: "var(--ds-space-050, 4px)",
415
- div: {
416
- display: 'flex'
417
- }
418
- });
419
- export var cancelButton = css({
420
- maxWidth: '100px'
421
- });
422
402
  export var buttonSpinner = css({
423
403
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
424
404
  marginRight: '10px',
@@ -14,7 +14,9 @@ var EmojiPickerCategoryHeading = function EmojiPickerCategoryHeading(_ref) {
14
14
  className = _ref.className;
15
15
  return jsx("div", {
16
16
  id: id,
17
- "data-category-id": id,
17
+ "data-category-id": id
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
19
+ ,
18
20
  className: className,
19
21
  "data-testid": RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID,
20
22
  role: "rowheader"
@@ -47,30 +47,33 @@ export var EmojiPickerListSearch = function EmojiPickerListSearch(props) {
47
47
  }
48
48
  });
49
49
  }, []);
50
- return jsx("div", {
51
- css: [pickerSearch, !isVisible && hidden],
52
- style: style
53
- }, jsx(VisuallyHidden, {
54
- id: "emoji-search-results-status",
55
- role: "status"
56
- }, dirty && query === '' && formatMessage(messages.searchResultsStatusSeeAll), query !== '' && formatMessage(messages.searchResultsStatus, {
57
- count: resultsCount
58
- })), jsx(TextField, {
59
- role: "searchbox",
60
- "aria-label": formatMessage(messages.searchLabel),
61
- css: input,
62
- autoComplete: "off",
63
- name: "search",
64
- placeholder: "".concat(formatMessage(messages.searchPlaceholder), "..."),
65
- defaultValue: query || '',
66
- onChange: handleOnChange,
67
- elemBeforeInput: jsx("span", {
68
- css: searchIcon
69
- }, jsx(SearchIcon, {
70
- label: ""
71
- })),
72
- testId: emojiPickerSearchTestId,
73
- ref: textRef,
74
- isCompact: true
75
- }));
50
+ return (
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
52
+ jsx("div", {
53
+ css: [pickerSearch, !isVisible && hidden],
54
+ style: style
55
+ }, jsx(VisuallyHidden, {
56
+ id: "emoji-search-results-status",
57
+ role: "status"
58
+ }, dirty && query === '' && formatMessage(messages.searchResultsStatusSeeAll), query !== '' && formatMessage(messages.searchResultsStatus, {
59
+ count: resultsCount
60
+ })), jsx(TextField, {
61
+ role: "searchbox",
62
+ "aria-label": formatMessage(messages.searchLabel),
63
+ css: input,
64
+ autoComplete: "off",
65
+ name: "search",
66
+ placeholder: "".concat(formatMessage(messages.searchPlaceholder), "..."),
67
+ defaultValue: query || '',
68
+ onChange: handleOnChange,
69
+ elemBeforeInput: jsx("span", {
70
+ css: searchIcon
71
+ }, jsx(SearchIcon, {
72
+ label: ""
73
+ })),
74
+ testId: emojiPickerSearchTestId,
75
+ ref: textRef,
76
+ isCompact: true
77
+ }))
78
+ );
76
79
  };
@@ -268,7 +268,9 @@ export var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
268
268
  }, jsx("div", {
269
269
  style: {
270
270
  height: "".concat(rowVirtualizer.getTotalSize(), "px"),
271
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
271
272
  width: '100%',
273
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
272
274
  position: 'relative'
273
275
  },
274
276
  ref: virtualistItemsRef,
@@ -278,9 +280,13 @@ export var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
278
280
  return jsx("div", {
279
281
  key: virtualRow.key,
280
282
  style: {
283
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
281
284
  position: 'absolute',
285
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
282
286
  top: 0,
287
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
283
288
  left: 0,
289
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
284
290
  width: '100%',
285
291
  height: "".concat(virtualRow.size, "px"),
286
292
  transform: "translateY(".concat(virtualRow.start, "px)")
@@ -259,7 +259,10 @@ var EmojiTypeAheadComponent = /*#__PURE__*/function (_PureComponent) {
259
259
  return jsx(EmojiCommonProvider, {
260
260
  emojiProvider: this.props.emojiProvider
261
261
  }, jsx("div", {
262
- style: style,
262
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
263
+ style: style
264
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
265
+ ,
263
266
  className: 'ak-emoji-typeahead',
264
267
  css: emojiTypeAhead
265
268
  }, jsx(EmojiList, {
@@ -57,6 +57,7 @@ var EmojiTypeAheadItem = /*#__PURE__*/function (_PureComponent) {
57
57
  return jsx(EmojiCommonProvider, {
58
58
  emojiProvider: emojiProvider
59
59
  }, jsx("div", {
60
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
60
61
  className: "ak-emoji-typeahead-item ".concat(selected ? typeaheadSelected : ''),
61
62
  css: classes,
62
63
  onMouseDown: this.onEmojiSelected,
@@ -12,7 +12,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
12
12
  actionSubjectId: actionSubjectId,
13
13
  attributes: _objectSpread({
14
14
  packageName: "@atlaskit/emoji",
15
- packageVersion: "67.6.21"
15
+ packageVersion: "67.6.23"
16
16
  }, attributes)
17
17
  };
18
18
  };
@@ -1,4 +1,4 @@
1
- import { AbstractResource, OnProviderChange, ServiceConfig } from '@atlaskit/util-service-support';
1
+ import { AbstractResource, type OnProviderChange, type ServiceConfig } from '@atlaskit/util-service-support';
2
2
  import type { CategoryId } from '../components/picker/categories';
3
3
  import { type EmojiDescription, type EmojiId, type EmojiProvider, type EmojiResponse, type EmojiSearchResult, type EmojiUpload, type OptionalEmojiDescription, type OptionalEmojiDescriptionWithVariations, type OptionalUser, type SearchOptions, type ToneSelection, type UploadingEmojiProvider, type User } from '../types';
4
4
  import EmojiRepository from './EmojiRepository';
@@ -1,5 +1,5 @@
1
1
  import type { MediaApiToken } from '../../types';
2
- import { ServiceConfig } from '@atlaskit/util-service-support';
2
+ import { type ServiceConfig } from '@atlaskit/util-service-support';
3
3
  export declare const EXPIRES_AT_LATENCY_IN_SECONDS = 30;
4
4
  export type TokenType = 'read' | 'upload';
5
5
  export default class TokenManager {
@@ -1,9 +1,9 @@
1
1
  /** @jsx jsx */
2
2
  import { jsx } from '@emotion/react';
3
- import { type CustomThemeButtonProps } from '@atlaskit/button/custom-theme-button';
3
+ import { type ButtonProps } from '@atlaskit/button/standard-button';
4
4
  /**
5
5
  * Test id for wrapper Emoji delete button
6
6
  */
7
7
  export declare const RENDER_EMOJI_DELETE_BUTTON_TESTID = "render-emoji-delete-button";
8
- declare const DeleteButton: (props: CustomThemeButtonProps) => jsx.JSX.Element;
8
+ declare const DeleteButton: (props: ButtonProps) => jsx.JSX.Element;
9
9
  export default DeleteButton;
@@ -1,7 +1,7 @@
1
1
  /** @jsx jsx */
2
2
  import React from 'react';
3
3
  import { jsx } from '@emotion/react';
4
- import { EmojiDescription, OnEmojiEvent } from '../../types';
4
+ import { type EmojiDescription, type OnEmojiEvent } from '../../types';
5
5
  export interface Props extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onMouseMove' | 'onFocus'> {
6
6
  /**
7
7
  * The emoji to render
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { jsx, SerializedStyles } from '@emotion/react';
2
+ import { jsx, type SerializedStyles } from '@emotion/react';
3
3
  import type { Message } from '../../types';
4
4
  export interface Props {
5
5
  message: Message;
@@ -1,4 +1,4 @@
1
- import { Component, ComponentType } from 'react';
1
+ import { Component, type ComponentType } from 'react';
2
2
  import type { EmojiProvider } from '../../api/EmojiResource';
3
3
  export interface Props {
4
4
  /**
@@ -1,6 +1,6 @@
1
1
  /** @jsx jsx */
2
2
  import { jsx } from '@emotion/react';
3
- import { MouseEventHandler, PureComponent, ReactNode, UIEvent } from 'react';
3
+ import { type MouseEventHandler, PureComponent, type ReactNode, type UIEvent } from 'react';
4
4
  export interface OnScroll {
5
5
  (element: Element, event: UIEvent<any>): void;
6
6
  }
@@ -1,7 +1,7 @@
1
1
  /** @jsx jsx */
2
2
  import React from 'react';
3
3
  import { jsx } from '@emotion/react';
4
- import { Keymap } from '../../util/keymaps';
4
+ import { type Keymap } from '../../util/keymaps';
5
5
  export declare const ToolTipContentWithKeymap: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
6
6
  description?: string | React.ReactNode;
7
7
  keymap?: Keymap | undefined;
@@ -1,4 +1,4 @@
1
- import React, { ErrorInfo } from 'react';
1
+ import React, { type ErrorInfo } from 'react';
2
2
  import type { UFOExperience } from '@atlaskit/ufo';
3
3
  export declare class UfoErrorBoundary extends React.Component<{
4
4
  experiences: UFOExperience[];
@@ -48,9 +48,6 @@ export declare const emojiDeleteErrorMessage: import("@emotion/react").Serialize
48
48
  export declare const emojiChooseFileErrorMessage: import("@emotion/react").SerializedStyles;
49
49
  export declare const emojiPreviewErrorMessage: import("@emotion/react").SerializedStyles;
50
50
  export declare const addCustomEmojiButton: import("@emotion/react").SerializedStyles;
51
- export declare const uploadRetryButton: import("@emotion/react").SerializedStyles;
52
- export declare const uploadEmojiButton: import("@emotion/react").SerializedStyles;
53
- export declare const cancelButton: import("@emotion/react").SerializedStyles;
54
51
  export declare const buttonSpinner: import("@emotion/react").SerializedStyles;
55
52
  export declare const emojiActionsWrapper: import("@emotion/react").SerializedStyles;
56
53
  export declare const tooltipShortcutStyle: import("@emotion/react").SerializedStyles;
@@ -1,8 +1,8 @@
1
1
  /** @jsx jsx */
2
2
  import type { ReactNode } from 'react';
3
3
  import { jsx } from '@emotion/react';
4
- import { Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
5
- import { Props as EmojiRowProps } from './EmojiPickerEmojiRow';
4
+ import { type Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
5
+ import { type Props as EmojiRowProps } from './EmojiPickerEmojiRow';
6
6
  import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
7
7
  export interface RenderItem {
8
8
  (context?: VirtualItemContext): ReactNode;
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import type { ComponentClass } from 'react';
3
3
  import type { EmojiProvider } from '../../api/EmojiResource';
4
4
  import type { RelativePosition } from '../../types';
5
- import LoadingEmojiComponent, { Props as LoadingProps, State as LoadingState } from '../common/LoadingEmojiComponent';
5
+ import LoadingEmojiComponent, { type Props as LoadingProps, type State as LoadingState } from '../common/LoadingEmojiComponent';
6
6
  import type { EmojiTypeAheadBaseProps, Props as ComponentProps } from './EmojiTypeAheadComponent';
7
7
  export interface Props extends EmojiTypeAheadBaseProps, LoadingProps {
8
8
  /** CSS selector, or target HTML element */
@@ -1,4 +1,4 @@
1
- import { IntersectionOptions } from 'react-intersection-observer';
1
+ import { type IntersectionOptions } from 'react-intersection-observer';
2
2
  type InViewHookNotSupportedResponse = [undefined, boolean];
3
3
  export declare const useInView: (options?: IntersectionOptions | undefined) => InViewHookNotSupportedResponse | import("react-intersection-observer").InViewHookResponse;
4
4
  export {};
@@ -12,7 +12,7 @@ import EmojiRepository from './api/EmojiRepository';
12
12
  import EmojiLoader from './api/EmojiLoader';
13
13
  import { denormaliseEmojiServiceResponse } from './api/EmojiUtils';
14
14
  import { toEmojiId, toOptionalEmojiId } from './util/type-helpers';
15
- import { recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, WithSamplingUFOExperience } from './util/analytics';
15
+ import { recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, type WithSamplingUFOExperience } from './util/analytics';
16
16
  import { customCategory, defaultEmojiHeight, emojiPickerWidth, emojiPickerHeight } from './util/constants';
17
17
  import { UsageFrequencyTracker } from './api/internal/UsageFrequencyTracker';
18
18
  import { useEmoji } from './hooks/useEmoji';
@@ -1,4 +1,4 @@
1
- import DuplicateLimitedQueue, { QueueOptions } from './DuplicateLimitedQueue';
1
+ import DuplicateLimitedQueue, { type QueueOptions } from './DuplicateLimitedQueue';
2
2
  /**
3
3
  * The options used to configure a newly constructed queue.
4
4
  */
@@ -1,6 +1,6 @@
1
1
  import { type EmojiId, type ProviderTypes } from '../../types';
2
2
  import { ConcurrentExperience, UFOExperience } from '@atlaskit/ufo';
3
- import { WithSamplingUFOExperience } from './samplingUfo';
3
+ import { type WithSamplingUFOExperience } from './samplingUfo';
4
4
  export declare const ufoExperiences: {
5
5
  'emoji-rendered': ConcurrentExperience;
6
6
  'emoji-resource-fetched': ConcurrentExperience;
@@ -1,4 +1,4 @@
1
- import { AbstractResource, OnProviderChange, ServiceConfig } from '@atlaskit/util-service-support';
1
+ import { AbstractResource, type OnProviderChange, type ServiceConfig } from '@atlaskit/util-service-support';
2
2
  import type { CategoryId } from '../components/picker/categories';
3
3
  import { type EmojiDescription, type EmojiId, type EmojiProvider, type EmojiResponse, type EmojiSearchResult, type EmojiUpload, type OptionalEmojiDescription, type OptionalEmojiDescriptionWithVariations, type OptionalUser, type SearchOptions, type ToneSelection, type UploadingEmojiProvider, type User } from '../types';
4
4
  import EmojiRepository from './EmojiRepository';
@@ -1,5 +1,5 @@
1
1
  import type { MediaApiToken } from '../../types';
2
- import { ServiceConfig } from '@atlaskit/util-service-support';
2
+ import { type ServiceConfig } from '@atlaskit/util-service-support';
3
3
  export declare const EXPIRES_AT_LATENCY_IN_SECONDS = 30;
4
4
  export type TokenType = 'read' | 'upload';
5
5
  export default class TokenManager {
@@ -1,9 +1,9 @@
1
1
  /** @jsx jsx */
2
2
  import { jsx } from '@emotion/react';
3
- import { type CustomThemeButtonProps } from '@atlaskit/button/custom-theme-button';
3
+ import { type ButtonProps } from '@atlaskit/button/standard-button';
4
4
  /**
5
5
  * Test id for wrapper Emoji delete button
6
6
  */
7
7
  export declare const RENDER_EMOJI_DELETE_BUTTON_TESTID = "render-emoji-delete-button";
8
- declare const DeleteButton: (props: CustomThemeButtonProps) => jsx.JSX.Element;
8
+ declare const DeleteButton: (props: ButtonProps) => jsx.JSX.Element;
9
9
  export default DeleteButton;
@@ -1,7 +1,7 @@
1
1
  /** @jsx jsx */
2
2
  import React from 'react';
3
3
  import { jsx } from '@emotion/react';
4
- import { EmojiDescription, OnEmojiEvent } from '../../types';
4
+ import { type EmojiDescription, type OnEmojiEvent } from '../../types';
5
5
  export interface Props extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onMouseMove' | 'onFocus'> {
6
6
  /**
7
7
  * The emoji to render
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { jsx, SerializedStyles } from '@emotion/react';
2
+ import { jsx, type SerializedStyles } from '@emotion/react';
3
3
  import type { Message } from '../../types';
4
4
  export interface Props {
5
5
  message: Message;
@@ -1,4 +1,4 @@
1
- import { Component, ComponentType } from 'react';
1
+ import { Component, type ComponentType } from 'react';
2
2
  import type { EmojiProvider } from '../../api/EmojiResource';
3
3
  export interface Props {
4
4
  /**
@@ -1,6 +1,6 @@
1
1
  /** @jsx jsx */
2
2
  import { jsx } from '@emotion/react';
3
- import { MouseEventHandler, PureComponent, ReactNode, UIEvent } from 'react';
3
+ import { type MouseEventHandler, PureComponent, type ReactNode, type UIEvent } from 'react';
4
4
  export interface OnScroll {
5
5
  (element: Element, event: UIEvent<any>): void;
6
6
  }
@@ -1,7 +1,7 @@
1
1
  /** @jsx jsx */
2
2
  import React from 'react';
3
3
  import { jsx } from '@emotion/react';
4
- import { Keymap } from '../../util/keymaps';
4
+ import { type Keymap } from '../../util/keymaps';
5
5
  export declare const ToolTipContentWithKeymap: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
6
6
  description?: string | React.ReactNode;
7
7
  keymap?: Keymap | undefined;
@@ -1,4 +1,4 @@
1
- import React, { ErrorInfo } from 'react';
1
+ import React, { type ErrorInfo } from 'react';
2
2
  import type { UFOExperience } from '@atlaskit/ufo';
3
3
  export declare class UfoErrorBoundary extends React.Component<{
4
4
  experiences: UFOExperience[];
@@ -48,9 +48,6 @@ export declare const emojiDeleteErrorMessage: import("@emotion/react").Serialize
48
48
  export declare const emojiChooseFileErrorMessage: import("@emotion/react").SerializedStyles;
49
49
  export declare const emojiPreviewErrorMessage: import("@emotion/react").SerializedStyles;
50
50
  export declare const addCustomEmojiButton: import("@emotion/react").SerializedStyles;
51
- export declare const uploadRetryButton: import("@emotion/react").SerializedStyles;
52
- export declare const uploadEmojiButton: import("@emotion/react").SerializedStyles;
53
- export declare const cancelButton: import("@emotion/react").SerializedStyles;
54
51
  export declare const buttonSpinner: import("@emotion/react").SerializedStyles;
55
52
  export declare const emojiActionsWrapper: import("@emotion/react").SerializedStyles;
56
53
  export declare const tooltipShortcutStyle: import("@emotion/react").SerializedStyles;
@@ -1,8 +1,8 @@
1
1
  /** @jsx jsx */
2
2
  import type { ReactNode } from 'react';
3
3
  import { jsx } from '@emotion/react';
4
- import { Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
5
- import { Props as EmojiRowProps } from './EmojiPickerEmojiRow';
4
+ import { type Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
5
+ import { type Props as EmojiRowProps } from './EmojiPickerEmojiRow';
6
6
  import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
7
7
  export interface RenderItem {
8
8
  (context?: VirtualItemContext): ReactNode;
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import type { ComponentClass } from 'react';
3
3
  import type { EmojiProvider } from '../../api/EmojiResource';
4
4
  import type { RelativePosition } from '../../types';
5
- import LoadingEmojiComponent, { Props as LoadingProps, State as LoadingState } from '../common/LoadingEmojiComponent';
5
+ import LoadingEmojiComponent, { type Props as LoadingProps, type State as LoadingState } from '../common/LoadingEmojiComponent';
6
6
  import type { EmojiTypeAheadBaseProps, Props as ComponentProps } from './EmojiTypeAheadComponent';
7
7
  export interface Props extends EmojiTypeAheadBaseProps, LoadingProps {
8
8
  /** CSS selector, or target HTML element */
@@ -1,4 +1,4 @@
1
- import { IntersectionOptions } from 'react-intersection-observer';
1
+ import { type IntersectionOptions } from 'react-intersection-observer';
2
2
  type InViewHookNotSupportedResponse = [
3
3
  undefined,
4
4
  boolean
@@ -12,7 +12,7 @@ import EmojiRepository from './api/EmojiRepository';
12
12
  import EmojiLoader from './api/EmojiLoader';
13
13
  import { denormaliseEmojiServiceResponse } from './api/EmojiUtils';
14
14
  import { toEmojiId, toOptionalEmojiId } from './util/type-helpers';
15
- import { recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, WithSamplingUFOExperience } from './util/analytics';
15
+ import { recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, type WithSamplingUFOExperience } from './util/analytics';
16
16
  import { customCategory, defaultEmojiHeight, emojiPickerWidth, emojiPickerHeight } from './util/constants';
17
17
  import { UsageFrequencyTracker } from './api/internal/UsageFrequencyTracker';
18
18
  import { useEmoji } from './hooks/useEmoji';
@@ -1,4 +1,4 @@
1
- import DuplicateLimitedQueue, { QueueOptions } from './DuplicateLimitedQueue';
1
+ import DuplicateLimitedQueue, { type QueueOptions } from './DuplicateLimitedQueue';
2
2
  /**
3
3
  * The options used to configure a newly constructed queue.
4
4
  */
@@ -1,6 +1,6 @@
1
1
  import { type EmojiId, type ProviderTypes } from '../../types';
2
2
  import { ConcurrentExperience, UFOExperience } from '@atlaskit/ufo';
3
- import { WithSamplingUFOExperience } from './samplingUfo';
3
+ import { type WithSamplingUFOExperience } from './samplingUfo';
4
4
  export declare const ufoExperiences: {
5
5
  'emoji-rendered': ConcurrentExperience;
6
6
  'emoji-resource-fetched': ConcurrentExperience;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "67.6.21",
3
+ "version": "67.6.23",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -38,15 +38,16 @@
38
38
  },
39
39
  "dependencies": {
40
40
  "@atlaskit/analytics-next": "^9.3.0",
41
- "@atlaskit/button": "^17.14.0",
42
- "@atlaskit/icon": "^22.1.0",
43
- "@atlaskit/media-client": "^26.3.0",
41
+ "@atlaskit/button": "^17.17.0",
42
+ "@atlaskit/icon": "^22.3.0",
43
+ "@atlaskit/media-client": "^27.2.0",
44
44
  "@atlaskit/media-client-react": "^2.0.0",
45
+ "@atlaskit/primitives": "^6.4.0",
45
46
  "@atlaskit/spinner": "^16.1.0",
46
47
  "@atlaskit/textfield": "^6.3.0",
47
- "@atlaskit/theme": "^12.7.0",
48
- "@atlaskit/tokens": "^1.45.0",
49
- "@atlaskit/tooltip": "^18.3.0",
48
+ "@atlaskit/theme": "^12.8.0",
49
+ "@atlaskit/tokens": "^1.49.0",
50
+ "@atlaskit/tooltip": "^18.4.0",
50
51
  "@atlaskit/ufo": "^0.2.0",
51
52
  "@atlaskit/util-service-support": "^6.2.0",
52
53
  "@atlaskit/visually-hidden": "^1.3.0",
@@ -68,11 +69,11 @@
68
69
  },
69
70
  "devDependencies": {
70
71
  "@af/integration-testing": "*",
72
+ "@af/visual-regression": "*",
71
73
  "@atlaskit/elements-test-helpers": "^0.7.0",
72
74
  "@atlaskit/media-core": "^34.2.0",
73
75
  "@atlaskit/ssr": "*",
74
76
  "@atlaskit/visual-regression": "*",
75
- "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
76
77
  "@emotion/jest": "^11.8.0",
77
78
  "@testing-library/dom": "^8.17.1",
78
79
  "@testing-library/jest-dom": "^5.16.5",
@@ -110,7 +111,6 @@
110
111
  "./types": "./src/types.ts",
111
112
  "./utils": "./src/utils.ts"
112
113
  },
113
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
114
114
  "techstack": {
115
115
  "@repo/internal": {
116
116
  "design-tokens": [