@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.
- package/CHANGELOG.md +14 -0
- package/dist/cjs/components/common/CachingEmoji.js +2 -1
- package/dist/cjs/components/common/Emoji.js +3 -17
- package/dist/cjs/components/common/EmojiActions.js +6 -1
- package/dist/cjs/components/common/EmojiDeletePreview.js +3 -2
- package/dist/cjs/components/common/EmojiRadioButton.js +2 -1
- package/dist/cjs/components/common/EmojiUploadPicker.js +2 -0
- package/dist/cjs/components/common/EmojiUploadPreview.js +3 -2
- package/dist/cjs/components/common/Scrollable.js +2 -1
- package/dist/cjs/components/common/TonePreviewButton.js +2 -1
- package/dist/cjs/components/common/ToneSelector.js +2 -1
- package/dist/cjs/components/picker/EmojiPickerComponent.js +2 -1
- package/dist/cjs/components/picker/EmojiPickerEmojiRow.js +2 -1
- package/dist/cjs/components/picker/EmojiPickerFooter.js +2 -1
- package/dist/cjs/components/picker/EmojiPickerSizes.js +0 -1
- package/dist/cjs/components/picker/EmojiPickerTabPanel.js +3 -2
- package/dist/cjs/components/typeahead/EmojiTypeAheadItem.js +2 -0
- package/dist/cjs/components/uploader/EmojiUploadComponent.js +2 -1
- package/dist/cjs/util/analytics/analytics.js +2 -2
- package/dist/cjs/util/filters.js +3 -2
- package/dist/es2019/components/common/CachingEmoji.js +2 -1
- package/dist/es2019/components/common/Emoji.js +3 -17
- package/dist/es2019/components/common/EmojiActions.js +6 -1
- package/dist/es2019/components/common/EmojiDeletePreview.js +4 -1
- package/dist/es2019/components/common/EmojiRadioButton.js +2 -1
- package/dist/es2019/components/common/EmojiUploadPicker.js +2 -0
- package/dist/es2019/components/common/EmojiUploadPreview.js +4 -1
- package/dist/es2019/components/common/Scrollable.js +2 -1
- package/dist/es2019/components/common/TonePreviewButton.js +2 -1
- package/dist/es2019/components/common/ToneSelector.js +2 -1
- package/dist/es2019/components/picker/EmojiPickerComponent.js +2 -1
- package/dist/es2019/components/picker/EmojiPickerEmojiRow.js +2 -1
- package/dist/es2019/components/picker/EmojiPickerFooter.js +2 -1
- package/dist/es2019/components/picker/EmojiPickerSizes.js +0 -1
- package/dist/es2019/components/picker/EmojiPickerTabPanel.js +4 -1
- package/dist/es2019/components/typeahead/EmojiTypeAheadItem.js +3 -1
- package/dist/es2019/components/uploader/EmojiUploadComponent.js +2 -1
- package/dist/es2019/util/analytics/analytics.js +2 -1
- package/dist/es2019/util/filters.js +3 -2
- package/dist/esm/components/common/CachingEmoji.js +2 -1
- package/dist/esm/components/common/Emoji.js +3 -17
- package/dist/esm/components/common/EmojiActions.js +6 -1
- package/dist/esm/components/common/EmojiDeletePreview.js +3 -2
- package/dist/esm/components/common/EmojiRadioButton.js +2 -1
- package/dist/esm/components/common/EmojiUploadPicker.js +2 -0
- package/dist/esm/components/common/EmojiUploadPreview.js +3 -2
- package/dist/esm/components/common/Scrollable.js +2 -1
- package/dist/esm/components/common/TonePreviewButton.js +2 -1
- package/dist/esm/components/common/ToneSelector.js +2 -1
- package/dist/esm/components/picker/EmojiPickerComponent.js +2 -1
- package/dist/esm/components/picker/EmojiPickerEmojiRow.js +2 -1
- package/dist/esm/components/picker/EmojiPickerFooter.js +2 -1
- package/dist/esm/components/picker/EmojiPickerSizes.js +0 -1
- package/dist/esm/components/picker/EmojiPickerTabPanel.js +3 -2
- package/dist/esm/components/typeahead/EmojiTypeAheadItem.js +2 -0
- package/dist/esm/components/uploader/EmojiUploadComponent.js +2 -1
- package/dist/esm/util/analytics/analytics.js +2 -1
- package/dist/esm/util/filters.js +3 -2
- package/dist/types/components/common/CachingEmoji.d.ts +2 -2
- package/dist/types/components/common/EmojiActions.d.ts +9 -4
- package/dist/types/components/common/EmojiDeletePreview.d.ts +9 -4
- package/dist/types/components/common/EmojiRadioButton.d.ts +2 -2
- package/dist/types/components/common/EmojiUploadPicker.d.ts +8 -3
- package/dist/types/components/common/EmojiUploadPreview.d.ts +9 -4
- package/dist/types/components/common/Scrollable.d.ts +4 -0
- package/dist/types/components/common/TonePreviewButton.d.ts +8 -3
- package/dist/types/components/common/ToneSelector.d.ts +3 -2
- package/dist/types/components/picker/EmojiPickerComponent.d.ts +7 -2
- package/dist/types/components/picker/EmojiPickerEmojiRow.d.ts +7 -2
- package/dist/types/components/picker/EmojiPickerFooter.d.ts +7 -2
- package/dist/types/components/picker/EmojiPickerSizes.d.ts +5 -5
- package/dist/types/components/picker/EmojiPickerTabPanel.d.ts +3 -3
- package/dist/types/components/uploader/EmojiUploadComponent.d.ts +7 -2
- package/dist/types/components/uploader/EmojiUploader.d.ts +2 -2
- package/dist/types/context/EmojiContext.d.ts +2 -1
- package/dist/types/hooks/useEmojiContext.d.ts +2 -1
- package/dist/types/hooks/useEmojiPickerListContext.d.ts +2 -1
- package/dist/types/hooks/useInView.d.ts +2 -2
- package/dist/types/util/analytics/analytics.d.ts +2 -2
- package/dist/types/util/constants.d.ts +1 -1
- package/dist/types/util/filters.d.ts +2 -2
- package/dist/types-ts4.5/components/common/CachingEmoji.d.ts +2 -2
- package/dist/types-ts4.5/components/common/EmojiActions.d.ts +9 -4
- package/dist/types-ts4.5/components/common/EmojiDeletePreview.d.ts +9 -4
- package/dist/types-ts4.5/components/common/EmojiRadioButton.d.ts +2 -2
- package/dist/types-ts4.5/components/common/EmojiUploadPicker.d.ts +8 -3
- package/dist/types-ts4.5/components/common/EmojiUploadPreview.d.ts +9 -4
- package/dist/types-ts4.5/components/common/Scrollable.d.ts +4 -0
- package/dist/types-ts4.5/components/common/TonePreviewButton.d.ts +8 -3
- package/dist/types-ts4.5/components/common/ToneSelector.d.ts +3 -2
- package/dist/types-ts4.5/components/picker/EmojiPickerComponent.d.ts +7 -2
- package/dist/types-ts4.5/components/picker/EmojiPickerEmojiRow.d.ts +7 -2
- package/dist/types-ts4.5/components/picker/EmojiPickerFooter.d.ts +7 -2
- package/dist/types-ts4.5/components/picker/EmojiPickerSizes.d.ts +5 -5
- package/dist/types-ts4.5/components/picker/EmojiPickerTabPanel.d.ts +3 -3
- package/dist/types-ts4.5/components/uploader/EmojiUploadComponent.d.ts +7 -2
- package/dist/types-ts4.5/components/uploader/EmojiUploader.d.ts +2 -2
- package/dist/types-ts4.5/context/EmojiContext.d.ts +2 -1
- package/dist/types-ts4.5/hooks/useEmojiContext.d.ts +2 -1
- package/dist/types-ts4.5/hooks/useEmojiPickerListContext.d.ts +2 -1
- package/dist/types-ts4.5/hooks/useInView.d.ts +2 -2
- package/dist/types-ts4.5/util/analytics/analytics.d.ts +2 -2
- package/dist/types-ts4.5/util/constants.d.ts +1 -1
- package/dist/types-ts4.5/util/filters.d.ts +2 -2
- package/package.json +6 -3
|
@@ -536,4 +536,5 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
|
|
|
536
536
|
selectedEmoji: selectedEmoji
|
|
537
537
|
}));
|
|
538
538
|
};
|
|
539
|
-
|
|
539
|
+
var _default_1 = /*#__PURE__*/memo(EmojiPickerComponent);
|
|
540
|
+
export default _default_1;
|
|
@@ -53,5 +53,6 @@ var EmojiPickerTabPanelInternal = /*#__PURE__*/function (_PureComponent) {
|
|
|
53
53
|
})), children);
|
|
54
54
|
}
|
|
55
55
|
}]);
|
|
56
|
-
}(PureComponent);
|
|
57
|
-
|
|
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
|
-
|
|
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.
|
|
17
|
+
packageVersion: "69.10.31"
|
|
17
18
|
}, attributes)
|
|
18
19
|
};
|
|
19
20
|
};
|
package/dist/esm/util/filters.js
CHANGED
|
@@ -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
|
-
|
|
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
|
|
21
|
-
export 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
|
-
|
|
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
|
|
31
|
-
WrappedComponent:
|
|
35
|
+
declare const _default_1: FC<WithIntlProps<Props & WrappedComponentProps>> & {
|
|
36
|
+
WrappedComponent: ComponentType<Props & WrappedComponentProps>;
|
|
32
37
|
};
|
|
33
|
-
export default
|
|
38
|
+
export default _default_1;
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
|
|
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
|
|
18
|
-
WrappedComponent:
|
|
22
|
+
declare const _default_1: FC<WithIntlProps<Props & WrappedComponentProps>> & {
|
|
23
|
+
WrappedComponent: ComponentType<Props & WrappedComponentProps>;
|
|
19
24
|
};
|
|
20
|
-
export 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
|
|
16
|
-
export default
|
|
15
|
+
declare const _default_1: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>>;
|
|
16
|
+
export default _default_1;
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
|
|
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:
|
|
18
|
-
WrappedComponent:
|
|
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
|
-
|
|
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
|
|
15
|
-
WrappedComponent:
|
|
19
|
+
declare const _default_1: FC<WithIntlProps<EmojiUploadPreviewProps & WrappedComponentProps>> & {
|
|
20
|
+
WrappedComponent: ComponentType<EmojiUploadPreviewProps & WrappedComponentProps>;
|
|
16
21
|
};
|
|
17
|
-
export default
|
|
22
|
+
export default _default_1;
|
|
@@ -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:
|
|
12
|
-
declare const
|
|
13
|
-
export 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
|
|
14
|
-
export 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
|
|
23
|
-
export 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
|
|
16
|
-
export 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
|
|
7
|
-
export 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
|
-
|
|
3
|
-
listWidth: 350;
|
|
4
|
-
searchHeight: number;
|
|
2
|
+
addEmojiHeight: number;
|
|
5
3
|
categoryHeadingHeight: number;
|
|
4
|
+
emojiPerRow: number;
|
|
6
5
|
emojiRowHeight: number;
|
|
7
|
-
|
|
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
|
|
18
|
+
declare const _default_1: React.FC<WithIntlProps<React.PropsWithChildren<EmojiPickerTabPanelProps>>> & {
|
|
19
19
|
WrappedComponent: React.ComponentType<React.PropsWithChildren<EmojiPickerTabPanelProps>>;
|
|
20
20
|
};
|
|
21
|
-
export 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
|
|
13
|
-
export 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
|
|
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:
|
|
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: () =>
|
|
5
|
+
export declare const useEmojiContext: () => EmojiContextType;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
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 |
|
|
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) =>
|
|
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
|
|
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
|
|
4
|
+
declare const _default_1: {
|
|
5
5
|
byShortName: (emojis: EmojiDescription[], shortName: string) => EmojiDescription;
|
|
6
6
|
toneEmoji: (emojis: EmojiDescription[]) => EmojiDescription;
|
|
7
7
|
};
|
|
8
|
-
export 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
|
|
21
|
-
export 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
|
-
|
|
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
|
|
31
|
-
WrappedComponent:
|
|
35
|
+
declare const _default_1: FC<WithIntlProps<Props & WrappedComponentProps>> & {
|
|
36
|
+
WrappedComponent: ComponentType<Props & WrappedComponentProps>;
|
|
32
37
|
};
|
|
33
|
-
export default
|
|
38
|
+
export default _default_1;
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
|
|
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
|
|
18
|
-
WrappedComponent:
|
|
22
|
+
declare const _default_1: FC<WithIntlProps<Props & WrappedComponentProps>> & {
|
|
23
|
+
WrappedComponent: ComponentType<Props & WrappedComponentProps>;
|
|
19
24
|
};
|
|
20
|
-
export 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
|
|
16
|
-
export default
|
|
15
|
+
declare const _default_1: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>>;
|
|
16
|
+
export default _default_1;
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
|
|
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:
|
|
18
|
-
WrappedComponent:
|
|
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
|
-
|
|
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
|
|
15
|
-
WrappedComponent:
|
|
19
|
+
declare const _default_1: FC<WithIntlProps<EmojiUploadPreviewProps & WrappedComponentProps>> & {
|
|
20
|
+
WrappedComponent: ComponentType<EmojiUploadPreviewProps & WrappedComponentProps>;
|
|
16
21
|
};
|
|
17
|
-
export default
|
|
22
|
+
export default _default_1;
|
|
@@ -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:
|
|
12
|
-
declare const
|
|
13
|
-
export 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
|
|
14
|
-
export 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
|
|
23
|
-
export 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
|
|
16
|
-
export default
|
|
20
|
+
declare const _default_1: MemoExoticComponent<({ emojis, onSelected, onMouseMove, onFocus, title, showDelete, onDelete, virtualItemContext, }: Props) => JSX.Element>;
|
|
21
|
+
export default _default_1;
|