@atlaskit/emoji 69.10.30 → 69.10.32

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 (105) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/components/common/CachingEmoji.js +2 -1
  3. package/dist/cjs/components/common/Emoji.js +3 -17
  4. package/dist/cjs/components/common/EmojiActions.js +6 -1
  5. package/dist/cjs/components/common/EmojiDeletePreview.js +3 -2
  6. package/dist/cjs/components/common/EmojiRadioButton.js +2 -1
  7. package/dist/cjs/components/common/EmojiUploadPicker.js +2 -0
  8. package/dist/cjs/components/common/EmojiUploadPreview.js +3 -2
  9. package/dist/cjs/components/common/Scrollable.js +2 -1
  10. package/dist/cjs/components/common/TonePreviewButton.js +2 -1
  11. package/dist/cjs/components/common/ToneSelector.js +2 -1
  12. package/dist/cjs/components/picker/EmojiPickerComponent.js +2 -1
  13. package/dist/cjs/components/picker/EmojiPickerEmojiRow.js +2 -1
  14. package/dist/cjs/components/picker/EmojiPickerFooter.js +2 -1
  15. package/dist/cjs/components/picker/EmojiPickerSizes.js +0 -1
  16. package/dist/cjs/components/picker/EmojiPickerTabPanel.js +3 -2
  17. package/dist/cjs/components/typeahead/EmojiTypeAheadItem.js +2 -0
  18. package/dist/cjs/components/uploader/EmojiUploadComponent.js +2 -1
  19. package/dist/cjs/util/analytics/analytics.js +2 -2
  20. package/dist/cjs/util/filters.js +3 -2
  21. package/dist/es2019/components/common/CachingEmoji.js +2 -1
  22. package/dist/es2019/components/common/Emoji.js +3 -17
  23. package/dist/es2019/components/common/EmojiActions.js +6 -1
  24. package/dist/es2019/components/common/EmojiDeletePreview.js +4 -1
  25. package/dist/es2019/components/common/EmojiRadioButton.js +2 -1
  26. package/dist/es2019/components/common/EmojiUploadPicker.js +2 -0
  27. package/dist/es2019/components/common/EmojiUploadPreview.js +4 -1
  28. package/dist/es2019/components/common/Scrollable.js +2 -1
  29. package/dist/es2019/components/common/TonePreviewButton.js +2 -1
  30. package/dist/es2019/components/common/ToneSelector.js +2 -1
  31. package/dist/es2019/components/picker/EmojiPickerComponent.js +2 -1
  32. package/dist/es2019/components/picker/EmojiPickerEmojiRow.js +2 -1
  33. package/dist/es2019/components/picker/EmojiPickerFooter.js +2 -1
  34. package/dist/es2019/components/picker/EmojiPickerSizes.js +0 -1
  35. package/dist/es2019/components/picker/EmojiPickerTabPanel.js +4 -1
  36. package/dist/es2019/components/typeahead/EmojiTypeAheadItem.js +3 -1
  37. package/dist/es2019/components/uploader/EmojiUploadComponent.js +2 -1
  38. package/dist/es2019/util/analytics/analytics.js +2 -1
  39. package/dist/es2019/util/filters.js +3 -2
  40. package/dist/esm/components/common/CachingEmoji.js +2 -1
  41. package/dist/esm/components/common/Emoji.js +3 -17
  42. package/dist/esm/components/common/EmojiActions.js +6 -1
  43. package/dist/esm/components/common/EmojiDeletePreview.js +3 -2
  44. package/dist/esm/components/common/EmojiRadioButton.js +2 -1
  45. package/dist/esm/components/common/EmojiUploadPicker.js +2 -0
  46. package/dist/esm/components/common/EmojiUploadPreview.js +3 -2
  47. package/dist/esm/components/common/Scrollable.js +2 -1
  48. package/dist/esm/components/common/TonePreviewButton.js +2 -1
  49. package/dist/esm/components/common/ToneSelector.js +2 -1
  50. package/dist/esm/components/picker/EmojiPickerComponent.js +2 -1
  51. package/dist/esm/components/picker/EmojiPickerEmojiRow.js +2 -1
  52. package/dist/esm/components/picker/EmojiPickerFooter.js +2 -1
  53. package/dist/esm/components/picker/EmojiPickerSizes.js +0 -1
  54. package/dist/esm/components/picker/EmojiPickerTabPanel.js +3 -2
  55. package/dist/esm/components/typeahead/EmojiTypeAheadItem.js +2 -0
  56. package/dist/esm/components/uploader/EmojiUploadComponent.js +2 -1
  57. package/dist/esm/util/analytics/analytics.js +2 -1
  58. package/dist/esm/util/filters.js +3 -2
  59. package/dist/types/components/common/CachingEmoji.d.ts +2 -2
  60. package/dist/types/components/common/EmojiActions.d.ts +9 -4
  61. package/dist/types/components/common/EmojiDeletePreview.d.ts +9 -4
  62. package/dist/types/components/common/EmojiRadioButton.d.ts +2 -2
  63. package/dist/types/components/common/EmojiUploadPicker.d.ts +8 -3
  64. package/dist/types/components/common/EmojiUploadPreview.d.ts +9 -4
  65. package/dist/types/components/common/Scrollable.d.ts +4 -0
  66. package/dist/types/components/common/TonePreviewButton.d.ts +8 -3
  67. package/dist/types/components/common/ToneSelector.d.ts +3 -2
  68. package/dist/types/components/picker/EmojiPickerComponent.d.ts +7 -2
  69. package/dist/types/components/picker/EmojiPickerEmojiRow.d.ts +7 -2
  70. package/dist/types/components/picker/EmojiPickerFooter.d.ts +7 -2
  71. package/dist/types/components/picker/EmojiPickerSizes.d.ts +5 -5
  72. package/dist/types/components/picker/EmojiPickerTabPanel.d.ts +3 -3
  73. package/dist/types/components/uploader/EmojiUploadComponent.d.ts +7 -2
  74. package/dist/types/components/uploader/EmojiUploader.d.ts +2 -2
  75. package/dist/types/context/EmojiContext.d.ts +2 -1
  76. package/dist/types/hooks/useEmojiContext.d.ts +2 -1
  77. package/dist/types/hooks/useEmojiPickerListContext.d.ts +2 -1
  78. package/dist/types/hooks/useInView.d.ts +2 -2
  79. package/dist/types/util/analytics/analytics.d.ts +2 -2
  80. package/dist/types/util/constants.d.ts +1 -1
  81. package/dist/types/util/filters.d.ts +2 -2
  82. package/dist/types-ts4.5/components/common/CachingEmoji.d.ts +2 -2
  83. package/dist/types-ts4.5/components/common/EmojiActions.d.ts +9 -4
  84. package/dist/types-ts4.5/components/common/EmojiDeletePreview.d.ts +9 -4
  85. package/dist/types-ts4.5/components/common/EmojiRadioButton.d.ts +2 -2
  86. package/dist/types-ts4.5/components/common/EmojiUploadPicker.d.ts +8 -3
  87. package/dist/types-ts4.5/components/common/EmojiUploadPreview.d.ts +9 -4
  88. package/dist/types-ts4.5/components/common/Scrollable.d.ts +4 -0
  89. package/dist/types-ts4.5/components/common/TonePreviewButton.d.ts +8 -3
  90. package/dist/types-ts4.5/components/common/ToneSelector.d.ts +3 -2
  91. package/dist/types-ts4.5/components/picker/EmojiPickerComponent.d.ts +7 -2
  92. package/dist/types-ts4.5/components/picker/EmojiPickerEmojiRow.d.ts +7 -2
  93. package/dist/types-ts4.5/components/picker/EmojiPickerFooter.d.ts +7 -2
  94. package/dist/types-ts4.5/components/picker/EmojiPickerSizes.d.ts +5 -5
  95. package/dist/types-ts4.5/components/picker/EmojiPickerTabPanel.d.ts +3 -3
  96. package/dist/types-ts4.5/components/uploader/EmojiUploadComponent.d.ts +7 -2
  97. package/dist/types-ts4.5/components/uploader/EmojiUploader.d.ts +2 -2
  98. package/dist/types-ts4.5/context/EmojiContext.d.ts +2 -1
  99. package/dist/types-ts4.5/hooks/useEmojiContext.d.ts +2 -1
  100. package/dist/types-ts4.5/hooks/useEmojiPickerListContext.d.ts +2 -1
  101. package/dist/types-ts4.5/hooks/useInView.d.ts +2 -2
  102. package/dist/types-ts4.5/util/analytics/analytics.d.ts +2 -2
  103. package/dist/types-ts4.5/util/constants.d.ts +1 -1
  104. package/dist/types-ts4.5/util/filters.d.ts +2 -2
  105. package/package.json +6 -3
@@ -536,4 +536,5 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
536
536
  selectedEmoji: selectedEmoji
537
537
  }));
538
538
  };
539
- export default /*#__PURE__*/memo(EmojiPickerComponent);
539
+ var _default_1 = /*#__PURE__*/memo(EmojiPickerComponent);
540
+ export default _default_1;
@@ -63,4 +63,5 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
63
63
  }));
64
64
  }));
65
65
  };
66
- export default /*#__PURE__*/memo(EmojiPickerEmojiRow);
66
+ var _default_1 = /*#__PURE__*/memo(EmojiPickerEmojiRow);
67
+ export default _default_1;
@@ -20,4 +20,5 @@ var EmojiPickerFooter = function EmojiPickerFooter(_ref) {
20
20
  emoji: selectedEmoji
21
21
  }));
22
22
  };
23
- export default /*#__PURE__*/memo(EmojiPickerFooter);
23
+ var _default_1 = /*#__PURE__*/memo(EmojiPickerFooter);
24
+ export default _default_1;
@@ -14,6 +14,5 @@ export var sizes = {
14
14
  // Fills remaining space without scrolling when loading.
15
15
  uploadActionHeight: 40,
16
16
  // 40px height
17
-
18
17
  emojiPerRow: 8
19
18
  };
@@ -53,5 +53,6 @@ var EmojiPickerTabPanelInternal = /*#__PURE__*/function (_PureComponent) {
53
53
  })), children);
54
54
  }
55
55
  }]);
56
- }(PureComponent);
57
- export default injectIntl(EmojiPickerTabPanelInternal);
56
+ }(PureComponent); // eslint-disable-next-line @typescript-eslint/ban-types
57
+ var _default_1 = injectIntl(EmojiPickerTabPanelInternal);
58
+ export default _default_1;
@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./EmojiTypeAheadItem.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React from 'react';
6
+ import { fg } from '@atlaskit/platform-feature-flags';
6
7
  import { N30 } from '@atlaskit/theme/colors';
7
8
  import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
8
9
  import { leftClick } from '../../util/mouse';
@@ -40,6 +41,7 @@ export function EmojiTypeAheadItemInternal(props) {
40
41
  onMouseMove: onEmojiMenuItemMouseMove,
41
42
  "data-emoji-id": emoji.shortName,
42
43
  ref: forwardedRef,
44
+ role: fg('platform_suppression_removal_fix_reactions') ? 'button' : undefined,
43
45
  style: {
44
46
  "--_n55fzx": ix("".concat(typeAheadWidth, "px")),
45
47
  "--_19g1tth": ix("var(--ds-background-neutral, ".concat(N30, ")"))
@@ -125,4 +125,5 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
125
125
  disableFocusLock: disableFocusLock
126
126
  })));
127
127
  };
128
- export default /*#__PURE__*/memo(EmojiUploadComponent);
128
+ var _default_1 = /*#__PURE__*/memo(EmojiUploadComponent);
129
+ export default _default_1;
@@ -1,6 +1,7 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  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; }
3
3
  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) { _defineProperty(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; }
4
+ // eslint-disable-next-line @typescript-eslint/consistent-type-imports
4
5
  import { createAndFireEvent } from '@atlaskit/analytics-next';
5
6
  import { SearchSourceTypes } from '../../types';
6
7
  export var createAndFireEventInElementsChannel = createAndFireEvent('fabric-elements');
@@ -13,7 +14,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
13
14
  actionSubjectId: actionSubjectId,
14
15
  attributes: _objectSpread({
15
16
  packageName: "@atlaskit/emoji",
16
- packageVersion: "69.10.29"
17
+ packageVersion: "69.10.31"
17
18
  }, attributes)
18
19
  };
19
20
  };
@@ -10,7 +10,8 @@ var toneEmoji = function toneEmoji(emojis) {
10
10
  export var getToneEmoji = function getToneEmoji(provider) {
11
11
  return provider.findByShortName(toneEmojiShortName);
12
12
  };
13
- export default {
13
+ var _default_1 = {
14
14
  byShortName: byShortName,
15
15
  toneEmoji: toneEmoji
16
- };
16
+ };
17
+ export default _default_1;
@@ -17,5 +17,5 @@ export declare const CachingEmoji: (props: React.PropsWithChildren<CachingEmojiP
17
17
  * rendering paths depending on caching strategy.
18
18
  */
19
19
  export declare const CachingMediaEmoji: (props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element;
20
- declare const _default: React.MemoExoticComponent<(props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element>;
21
- export default _default;
20
+ declare const _default_1: React.MemoExoticComponent<(props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element>;
21
+ export default _default_1;
@@ -1,4 +1,9 @@
1
- import { type WrappedComponentProps } from 'react-intl-next';
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type ComponentType, type FC } from 'react';
6
+ import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
2
7
  import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnToneSelected, OnToneSelectorCancelled, ToneSelection } from '../../types';
3
8
  import { type OnDeleteEmoji } from './EmojiDeletePreview';
4
9
  import { type OnUploadEmoji } from './EmojiUploadPicker';
@@ -27,7 +32,7 @@ export declare const uploadEmojiTestId = "upload-emoji";
27
32
  type PropsWithWrappedComponentPropsType = Props & WrappedComponentProps;
28
33
  type EmojiActionsProps = PropsWithWrappedComponentPropsType;
29
34
  export declare const EmojiActions: (props: EmojiActionsProps) => JSX.Element;
30
- declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
31
- WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
35
+ declare const _default_1: FC<WithIntlProps<Props & WrappedComponentProps>> & {
36
+ WrappedComponent: ComponentType<Props & WrappedComponentProps>;
32
37
  };
33
- export default _default;
38
+ export default _default_1;
@@ -1,4 +1,9 @@
1
- import { type WrappedComponentProps } from 'react-intl-next';
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type ComponentType, type FC } from 'react';
6
+ import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
2
7
  import type { EmojiDescription } from '../../types';
3
8
  export interface OnDeleteEmoji {
4
9
  (emoji: EmojiDescription): Promise<boolean>;
@@ -14,7 +19,7 @@ export interface State {
14
19
  error: boolean;
15
20
  loading: boolean;
16
21
  }
17
- declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
18
- WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
22
+ declare const _default_1: FC<WithIntlProps<Props & WrappedComponentProps>> & {
23
+ WrappedComponent: ComponentType<Props & WrappedComponentProps>;
19
24
  };
20
- export default _default;
25
+ export default _default_1;
@@ -12,5 +12,5 @@ export interface Props {
12
12
  selectOnHover?: boolean;
13
13
  }
14
14
  export declare const EmojiRadioButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
15
- declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>>;
16
- export default _default;
15
+ declare const _default_1: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>>;
16
+ export default _default_1;
@@ -1,4 +1,9 @@
1
- import { type WrappedComponentProps } from 'react-intl-next';
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type ComponentType, type FC } from 'react';
6
+ import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
2
7
  import type { EmojiUpload, Message } from '../../types';
3
8
  export interface OnUploadEmoji {
4
9
  (upload: EmojiUpload, retry: boolean, onSuccessHandler?: () => void): void;
@@ -14,7 +19,7 @@ export interface Props {
14
19
  onUploadCancelled: () => void;
15
20
  onUploadEmoji: OnUploadEmoji;
16
21
  }
17
- declare const EmojiUploadPickerComponent: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
18
- WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
22
+ declare const EmojiUploadPickerComponent: FC<WithIntlProps<Props & WrappedComponentProps>> & {
23
+ WrappedComponent: ComponentType<Props & WrappedComponentProps>;
19
24
  };
20
25
  export default EmojiUploadPickerComponent;
@@ -1,4 +1,9 @@
1
- import { type WrappedComponentProps } from 'react-intl-next';
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type ComponentType, type FC } from 'react';
6
+ import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
2
7
  import type { Message } from '../../types';
3
8
  import { UploadStatus } from './internal-types';
4
9
  export interface EmojiUploadPreviewProps {
@@ -11,7 +16,7 @@ export interface EmojiUploadPreviewProps {
11
16
  }
12
17
  export declare const uploadPreviewTestId = "upload-preview";
13
18
  export declare const cancelUploadButtonTestId = "cancel-upload-button";
14
- declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<EmojiUploadPreviewProps & WrappedComponentProps>> & {
15
- WrappedComponent: import("react").ComponentType<EmojiUploadPreviewProps & WrappedComponentProps>;
19
+ declare const _default_1: FC<WithIntlProps<EmojiUploadPreviewProps & WrappedComponentProps>> & {
20
+ WrappedComponent: ComponentType<EmojiUploadPreviewProps & WrappedComponentProps>;
16
21
  };
17
- export default _default;
22
+ export default _default_1;
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
1
5
  import { type MouseEventHandler, PureComponent, type ReactNode, type UIEvent } from 'react';
2
6
  export interface OnScroll {
3
7
  (element: Element, event: UIEvent<any>): void;
@@ -1,3 +1,8 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type ForwardRefExoticComponent, type MemoExoticComponent, type RefAttributes } from 'react';
1
6
  import type { EmojiDescription } from '../../types';
2
7
  export declare const tonePreviewTestId = "tone-preview";
3
8
  export interface Props {
@@ -8,6 +13,6 @@ export interface Props {
8
13
  onSelected?: () => void;
9
14
  selectOnHover?: boolean;
10
15
  }
11
- export declare const TonePreviewButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>;
12
- declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>>;
13
- export default _default;
16
+ export declare const TonePreviewButton: ForwardRefExoticComponent<Props & RefAttributes<HTMLButtonElement>>;
17
+ declare const _default_1: MemoExoticComponent<ForwardRefExoticComponent<Props & RefAttributes<HTMLButtonElement>>>;
18
+ export default _default_1;
@@ -1,3 +1,4 @@
1
+ import { type ForwardRefExoticComponent, type MemoExoticComponent, type RefAttributes } from 'react';
1
2
  import type { EmojiDescriptionWithVariations, OnToneSelected, ToneSelection } from '../../types';
2
3
  import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
4
  export interface Props {
@@ -10,5 +11,5 @@ export interface Props {
10
11
  export declare const toneSelectorTestId = "tone-selector";
11
12
  type PropsWithAnalyticsEventsPropsType = Props & WithAnalyticsEventsProps;
12
13
  export declare const ToneSelectorInternal: (props: PropsWithAnalyticsEventsPropsType) => JSX.Element;
13
- declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
14
- export default _default;
14
+ declare const _default_1: MemoExoticComponent<ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & RefAttributes<any>>>;
15
+ export default _default_1;
@@ -1,3 +1,8 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type MemoExoticComponent } from 'react';
1
6
  import { type OnEmojiEvent, type PickerSize } from '../../types';
2
7
  import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
3
8
  export interface PickerRefHandler {
@@ -19,5 +24,5 @@ export interface Props {
19
24
  onSelection?: OnEmojiEvent;
20
25
  size?: PickerSize;
21
26
  }
22
- declare const _default: import("react").MemoExoticComponent<({ onSelection, onPickerRef, hideToneSelector, createAnalyticsEvent, size, }: Props) => JSX.Element>;
23
- export default _default;
27
+ declare const _default_1: MemoExoticComponent<({ onSelection, onPickerRef, hideToneSelector, createAnalyticsEvent, size, }: Props) => JSX.Element>;
28
+ export default _default_1;
@@ -1,3 +1,8 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type MemoExoticComponent } from 'react';
1
6
  import type { EmojiDescription, OnEmojiEvent } from '../../types';
2
7
  import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
3
8
  import type { CategoryGroupKey } from './categories';
@@ -12,5 +17,5 @@ export interface Props {
12
17
  title: string;
13
18
  virtualItemContext?: VirtualItemContext;
14
19
  }
15
- declare const _default: import("react").MemoExoticComponent<({ emojis, onSelected, onMouseMove, onFocus, title, showDelete, onDelete, virtualItemContext, }: Props) => JSX.Element>;
16
- export default _default;
20
+ declare const _default_1: MemoExoticComponent<({ emojis, onSelected, onMouseMove, onFocus, title, showDelete, onDelete, virtualItemContext, }: Props) => JSX.Element>;
21
+ export default _default_1;
@@ -1,7 +1,12 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type MemoExoticComponent } from 'react';
1
6
  import type { EmojiDescription } from '../../types';
2
7
  export interface Props {
3
8
  selectedEmoji?: EmojiDescription;
4
9
  }
5
10
  export declare const emojiPickerFooterTestId = "emoji-picker-footer";
6
- declare const _default: import("react").MemoExoticComponent<({ selectedEmoji }: Props) => JSX.Element>;
7
- export default _default;
11
+ declare const _default_1: MemoExoticComponent<({ selectedEmoji }: Props) => JSX.Element>;
12
+ export default _default_1;
@@ -1,11 +1,11 @@
1
1
  export declare const sizes: {
2
- listHeight: number;
3
- listWidth: 350;
4
- searchHeight: number;
2
+ addEmojiHeight: number;
5
3
  categoryHeadingHeight: number;
4
+ emojiPerRow: number;
6
5
  emojiRowHeight: number;
7
- addEmojiHeight: number;
6
+ listHeight: number;
7
+ listWidth: number;
8
8
  loadingRowHeight: number;
9
+ searchHeight: number;
9
10
  uploadActionHeight: number;
10
- emojiPerRow: number;
11
11
  };
@@ -3,7 +3,7 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import React from 'react';
6
- import { type WrappedComponentProps } from 'react-intl-next';
6
+ import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
7
7
  /**
8
8
  * TODO: have to use class component here as unit test is relying on ref.root. Will refactor this whole file + EmojiPickerList to functional component in future
9
9
  * ticket: COLLAB-2317
@@ -15,7 +15,7 @@ interface EmojiPickerTabPanelProps extends WrappedComponentProps {
15
15
  */
16
16
  showSearchResults: boolean;
17
17
  }
18
- declare const _default: React.FC<import("react-intl-next").WithIntlProps<React.PropsWithChildren<EmojiPickerTabPanelProps>>> & {
18
+ declare const _default_1: React.FC<WithIntlProps<React.PropsWithChildren<EmojiPickerTabPanelProps>>> & {
19
19
  WrappedComponent: React.ComponentType<React.PropsWithChildren<EmojiPickerTabPanelProps>>;
20
20
  };
21
- export default _default;
21
+ export default _default_1;
@@ -1,3 +1,8 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type MemoExoticComponent } from 'react';
1
6
  import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
2
7
  import { type EmojiProvider } from '../../api/EmojiResource';
3
8
  export interface UploadRefHandler {
@@ -9,5 +14,5 @@ export interface Props {
9
14
  emojiProvider: EmojiProvider;
10
15
  onUploaderRef?: UploadRefHandler;
11
16
  }
12
- declare const _default: import("react").MemoExoticComponent<(props: Props) => JSX.Element>;
13
- export default _default;
17
+ declare const _default_1: MemoExoticComponent<(props: Props) => JSX.Element>;
18
+ export default _default_1;
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import LoadingEmojiComponent, { type Props as LoadingProps, type State as LoadingState } from '../common/LoadingEmojiComponent';
3
3
  import type { Props as ComponentProps } from './EmojiUploadComponent';
4
4
  import type { EmojiProvider } from '../../api/EmojiResource';
5
- import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
5
+ import { type CreateUIAnalyticsEvent, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
6
6
  export interface Props extends LoadingProps {
7
7
  createAnalyticsEvent?: CreateUIAnalyticsEvent;
8
8
  disableFocusLock?: boolean;
@@ -17,5 +17,5 @@ export declare class EmojiUploaderInternal extends LoadingEmojiComponent<Props,
17
17
  renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiUploadComponent: React.ComponentType<React.PropsWithChildren<ComponentProps>>): React.JSX.Element;
18
18
  }
19
19
  type EmojiUploader = EmojiUploaderInternal;
20
- declare const EmojiUploader: React.ForwardRefExoticComponent<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>;
20
+ declare const EmojiUploader: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
21
21
  export default EmojiUploader;
@@ -1,3 +1,4 @@
1
+ import { type Context } from 'react';
1
2
  import type { EmojiContext as InternalEmojiContextType } from '../components/common/internal-types';
2
3
  export type EmojiContextType = InternalEmojiContextType | null;
3
- export declare const EmojiContext: import("react").Context<EmojiContextType>;
4
+ export declare const EmojiContext: Context<EmojiContextType>;
@@ -1,4 +1,5 @@
1
+ import { type EmojiContextType } from '../context/EmojiContext';
1
2
  /**
2
3
  * @deprecated This hook can be replaced with useEmoji instead and will be deprecated in the near future
3
4
  */
4
- export declare const useEmojiContext: () => import("../context/EmojiContext").EmojiContextType;
5
+ export declare const useEmojiContext: () => EmojiContextType;
@@ -1 +1,2 @@
1
- export declare const useEmojiPickerListContext: () => import("../components/common/internal-types").EmojiPickerListContextType;
1
+ import type { EmojiPickerListContextType } from '../components/common/internal-types';
2
+ export declare const useEmojiPickerListContext: () => EmojiPickerListContextType;
@@ -1,4 +1,4 @@
1
- import { type IntersectionOptions } from 'react-intersection-observer';
1
+ import { type IntersectionOptions, type InViewHookResponse } from 'react-intersection-observer';
2
2
  type InViewHookNotSupportedResponse = [undefined, boolean];
3
- export declare const useInView: (options?: IntersectionOptions | undefined) => InViewHookNotSupportedResponse | import("react-intersection-observer").InViewHookResponse;
3
+ export declare const useInView: (options?: IntersectionOptions | undefined) => InViewHookNotSupportedResponse | InViewHookResponse;
4
4
  export {};
@@ -1,6 +1,6 @@
1
- import { type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
1
+ import { UIAnalyticsEvent, type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
2
2
  import { type EmojiDescription, type OptionalEmojiDescription, SearchSourceTypes } from '../../types';
3
- export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
3
+ export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
4
4
  export type EmojiInsertionAnalytic = (source: SearchSourceTypes.PICKER | SearchSourceTypes.TYPEAHEAD) => AnalyticsEventPayload;
5
5
  export declare const recordSucceededEmoji: (emoji: OptionalEmojiDescription) => (source: SearchSourceTypes) => AnalyticsEventPayload;
6
6
  export declare const recordSucceeded: EmojiInsertionAnalytic;
@@ -33,7 +33,7 @@ export declare const emojiPickerListHeight: number;
33
33
  export declare const emojiPickerPreviewHeight = 54;
34
34
  export declare const emojiPickerHeightWithPreview: number;
35
35
  export declare const localStoragePrefix = "fabric.emoji";
36
- export declare const selectedToneStorageKey = "fabric.emoji.selectedTone";
36
+ export declare const selectedToneStorageKey: "fabric.emoji.selectedTone";
37
37
  export declare const defaultCategories: CategoryId[];
38
38
  export declare enum KeyboardKeys {
39
39
  ArrowLeft = "ArrowLeft",
@@ -1,8 +1,8 @@
1
1
  import type { EmojiProvider } from '../api/EmojiResource';
2
2
  import type { EmojiDescription, OptionalEmojiDescription } from '../types';
3
3
  export declare const getToneEmoji: (provider: EmojiProvider) => OptionalEmojiDescription | Promise<OptionalEmojiDescription>;
4
- declare const _default: {
4
+ declare const _default_1: {
5
5
  byShortName: (emojis: EmojiDescription[], shortName: string) => EmojiDescription;
6
6
  toneEmoji: (emojis: EmojiDescription[]) => EmojiDescription;
7
7
  };
8
- export default _default;
8
+ export default _default_1;
@@ -17,5 +17,5 @@ export declare const CachingEmoji: (props: React.PropsWithChildren<CachingEmojiP
17
17
  * rendering paths depending on caching strategy.
18
18
  */
19
19
  export declare const CachingMediaEmoji: (props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element;
20
- declare const _default: React.MemoExoticComponent<(props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element>;
21
- export default _default;
20
+ declare const _default_1: React.MemoExoticComponent<(props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element>;
21
+ export default _default_1;
@@ -1,4 +1,9 @@
1
- import { type WrappedComponentProps } from 'react-intl-next';
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type ComponentType, type FC } from 'react';
6
+ import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
2
7
  import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnToneSelected, OnToneSelectorCancelled, ToneSelection } from '../../types';
3
8
  import { type OnDeleteEmoji } from './EmojiDeletePreview';
4
9
  import { type OnUploadEmoji } from './EmojiUploadPicker';
@@ -27,7 +32,7 @@ export declare const uploadEmojiTestId = "upload-emoji";
27
32
  type PropsWithWrappedComponentPropsType = Props & WrappedComponentProps;
28
33
  type EmojiActionsProps = PropsWithWrappedComponentPropsType;
29
34
  export declare const EmojiActions: (props: EmojiActionsProps) => JSX.Element;
30
- declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
31
- WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
35
+ declare const _default_1: FC<WithIntlProps<Props & WrappedComponentProps>> & {
36
+ WrappedComponent: ComponentType<Props & WrappedComponentProps>;
32
37
  };
33
- export default _default;
38
+ export default _default_1;
@@ -1,4 +1,9 @@
1
- import { type WrappedComponentProps } from 'react-intl-next';
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type ComponentType, type FC } from 'react';
6
+ import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
2
7
  import type { EmojiDescription } from '../../types';
3
8
  export interface OnDeleteEmoji {
4
9
  (emoji: EmojiDescription): Promise<boolean>;
@@ -14,7 +19,7 @@ export interface State {
14
19
  error: boolean;
15
20
  loading: boolean;
16
21
  }
17
- declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
18
- WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
22
+ declare const _default_1: FC<WithIntlProps<Props & WrappedComponentProps>> & {
23
+ WrappedComponent: ComponentType<Props & WrappedComponentProps>;
19
24
  };
20
- export default _default;
25
+ export default _default_1;
@@ -12,5 +12,5 @@ export interface Props {
12
12
  selectOnHover?: boolean;
13
13
  }
14
14
  export declare const EmojiRadioButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
15
- declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>>;
16
- export default _default;
15
+ declare const _default_1: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>>;
16
+ export default _default_1;
@@ -1,4 +1,9 @@
1
- import { type WrappedComponentProps } from 'react-intl-next';
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type ComponentType, type FC } from 'react';
6
+ import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
2
7
  import type { EmojiUpload, Message } from '../../types';
3
8
  export interface OnUploadEmoji {
4
9
  (upload: EmojiUpload, retry: boolean, onSuccessHandler?: () => void): void;
@@ -14,7 +19,7 @@ export interface Props {
14
19
  onUploadCancelled: () => void;
15
20
  onUploadEmoji: OnUploadEmoji;
16
21
  }
17
- declare const EmojiUploadPickerComponent: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
18
- WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
22
+ declare const EmojiUploadPickerComponent: FC<WithIntlProps<Props & WrappedComponentProps>> & {
23
+ WrappedComponent: ComponentType<Props & WrappedComponentProps>;
19
24
  };
20
25
  export default EmojiUploadPickerComponent;
@@ -1,4 +1,9 @@
1
- import { type WrappedComponentProps } from 'react-intl-next';
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type ComponentType, type FC } from 'react';
6
+ import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
2
7
  import type { Message } from '../../types';
3
8
  import { UploadStatus } from './internal-types';
4
9
  export interface EmojiUploadPreviewProps {
@@ -11,7 +16,7 @@ export interface EmojiUploadPreviewProps {
11
16
  }
12
17
  export declare const uploadPreviewTestId = "upload-preview";
13
18
  export declare const cancelUploadButtonTestId = "cancel-upload-button";
14
- declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<EmojiUploadPreviewProps & WrappedComponentProps>> & {
15
- WrappedComponent: import("react").ComponentType<EmojiUploadPreviewProps & WrappedComponentProps>;
19
+ declare const _default_1: FC<WithIntlProps<EmojiUploadPreviewProps & WrappedComponentProps>> & {
20
+ WrappedComponent: ComponentType<EmojiUploadPreviewProps & WrappedComponentProps>;
16
21
  };
17
- export default _default;
22
+ export default _default_1;
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
1
5
  import { type MouseEventHandler, PureComponent, type ReactNode, type UIEvent } from 'react';
2
6
  export interface OnScroll {
3
7
  (element: Element, event: UIEvent<any>): void;
@@ -1,3 +1,8 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type ForwardRefExoticComponent, type MemoExoticComponent, type RefAttributes } from 'react';
1
6
  import type { EmojiDescription } from '../../types';
2
7
  export declare const tonePreviewTestId = "tone-preview";
3
8
  export interface Props {
@@ -8,6 +13,6 @@ export interface Props {
8
13
  onSelected?: () => void;
9
14
  selectOnHover?: boolean;
10
15
  }
11
- export declare const TonePreviewButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>;
12
- declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>>;
13
- export default _default;
16
+ export declare const TonePreviewButton: ForwardRefExoticComponent<Props & RefAttributes<HTMLButtonElement>>;
17
+ declare const _default_1: MemoExoticComponent<ForwardRefExoticComponent<Props & RefAttributes<HTMLButtonElement>>>;
18
+ export default _default_1;
@@ -1,3 +1,4 @@
1
+ import { type ForwardRefExoticComponent, type MemoExoticComponent, type RefAttributes } from 'react';
1
2
  import type { EmojiDescriptionWithVariations, OnToneSelected, ToneSelection } from '../../types';
2
3
  import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
4
  export interface Props {
@@ -10,5 +11,5 @@ export interface Props {
10
11
  export declare const toneSelectorTestId = "tone-selector";
11
12
  type PropsWithAnalyticsEventsPropsType = Props & WithAnalyticsEventsProps;
12
13
  export declare const ToneSelectorInternal: (props: PropsWithAnalyticsEventsPropsType) => JSX.Element;
13
- declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
14
- export default _default;
14
+ declare const _default_1: MemoExoticComponent<ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & RefAttributes<any>>>;
15
+ export default _default_1;
@@ -1,3 +1,8 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type MemoExoticComponent } from 'react';
1
6
  import { type OnEmojiEvent, type PickerSize } from '../../types';
2
7
  import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
3
8
  export interface PickerRefHandler {
@@ -19,5 +24,5 @@ export interface Props {
19
24
  onSelection?: OnEmojiEvent;
20
25
  size?: PickerSize;
21
26
  }
22
- declare const _default: import("react").MemoExoticComponent<({ onSelection, onPickerRef, hideToneSelector, createAnalyticsEvent, size, }: Props) => JSX.Element>;
23
- export default _default;
27
+ declare const _default_1: MemoExoticComponent<({ onSelection, onPickerRef, hideToneSelector, createAnalyticsEvent, size, }: Props) => JSX.Element>;
28
+ export default _default_1;
@@ -1,3 +1,8 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ import { type MemoExoticComponent } from 'react';
1
6
  import type { EmojiDescription, OnEmojiEvent } from '../../types';
2
7
  import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
3
8
  import type { CategoryGroupKey } from './categories';
@@ -12,5 +17,5 @@ export interface Props {
12
17
  title: string;
13
18
  virtualItemContext?: VirtualItemContext;
14
19
  }
15
- declare const _default: import("react").MemoExoticComponent<({ emojis, onSelected, onMouseMove, onFocus, title, showDelete, onDelete, virtualItemContext, }: Props) => JSX.Element>;
16
- export default _default;
20
+ declare const _default_1: MemoExoticComponent<({ emojis, onSelected, onMouseMove, onFocus, title, showDelete, onDelete, virtualItemContext, }: Props) => JSX.Element>;
21
+ export default _default_1;