|
|
|
|
@ -1,4 +1,4 @@
|
|
|
|
|
import { EmojiSet, PartialI18n } from 'emoji-mart';
|
|
|
|
|
import { Emoji, EmojiMartData } from '@emoji-mart/data';
|
|
|
|
|
|
|
|
|
|
export const reactionLimit: number = 6;
|
|
|
|
|
|
|
|
|
|
@ -30,14 +30,7 @@ export class RecentReactions {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
type BaseEmojiSkin = { unified: string; native: string };
|
|
|
|
|
|
|
|
|
|
export interface FixedBaseEmoji {
|
|
|
|
|
id: string;
|
|
|
|
|
name: string;
|
|
|
|
|
keywords: Array<string>;
|
|
|
|
|
skins: Array<BaseEmojiSkin>;
|
|
|
|
|
version: number;
|
|
|
|
|
export interface FixedBaseEmoji extends Emoji {
|
|
|
|
|
search?: string;
|
|
|
|
|
// props from emoji panel click event
|
|
|
|
|
native?: string;
|
|
|
|
|
@ -46,64 +39,10 @@ export interface FixedBaseEmoji {
|
|
|
|
|
unified?: string;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export interface NativeEmojiData {
|
|
|
|
|
categories: Array<{ id: string; emojis: Array<string> }>;
|
|
|
|
|
emojis: Record<string, FixedBaseEmoji>;
|
|
|
|
|
aliases: Record<string, string>;
|
|
|
|
|
sheet: { cols: number; rows: number };
|
|
|
|
|
export interface NativeEmojiData extends EmojiMartData {
|
|
|
|
|
ariaLabels?: Record<string, string>;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Types for EmojiMart 5 are currently broken these are a temporary fixes
|
|
|
|
|
export interface FixedPickerProps {
|
|
|
|
|
autoFocus?: boolean | undefined;
|
|
|
|
|
title?: string | undefined;
|
|
|
|
|
theme?: 'auto' | 'light' | 'dark' | undefined;
|
|
|
|
|
perLine?: number | undefined;
|
|
|
|
|
stickySearch?: boolean | undefined;
|
|
|
|
|
searchPosition?: 'sticky' | 'static' | 'none' | undefined;
|
|
|
|
|
emojiButtonSize?: number | undefined;
|
|
|
|
|
emojiButtonRadius?: number | undefined;
|
|
|
|
|
emojiButtonColors?: string | undefined;
|
|
|
|
|
maxFrequentRows?: number | undefined;
|
|
|
|
|
icons?: 'auto' | 'outline' | 'solid';
|
|
|
|
|
set?: EmojiSet | undefined;
|
|
|
|
|
emoji?: string | undefined;
|
|
|
|
|
navPosition?: 'bottom' | 'top' | 'none' | undefined;
|
|
|
|
|
showPreview?: boolean | undefined;
|
|
|
|
|
previewEmoji?: boolean | undefined;
|
|
|
|
|
noResultsEmoji?: string | undefined;
|
|
|
|
|
previewPosition?: 'bottom' | 'top' | 'none' | undefined;
|
|
|
|
|
skinTonePosition?: 'preview' | 'search' | 'none';
|
|
|
|
|
i18n?: PartialI18n | undefined;
|
|
|
|
|
onEmojiSelect?: (emoji: FixedBaseEmoji) => void;
|
|
|
|
|
onClickOutside?: () => void;
|
|
|
|
|
onKeyDown?: (event: any) => void;
|
|
|
|
|
onAddCustomEmoji?: () => void;
|
|
|
|
|
getImageURL?: () => void;
|
|
|
|
|
getSpritesheetURL?: () => void;
|
|
|
|
|
// Below here I'm currently unsure of usage
|
|
|
|
|
// style?: React.CSSProperties | undefined;
|
|
|
|
|
// color?: string | undefined;
|
|
|
|
|
// skin?: EmojiSkin | undefined;
|
|
|
|
|
// defaultSkin?: EmojiSkin | undefined;
|
|
|
|
|
// backgroundImageFn?: BackgroundImageFn | undefined;
|
|
|
|
|
// sheetSize?: EmojiSheetSize | undefined;
|
|
|
|
|
// emojisToShowFilter?(emoji: EmojiData): boolean;
|
|
|
|
|
// showSkinTones?: boolean | undefined;
|
|
|
|
|
// emojiTooltip?: boolean | undefined;
|
|
|
|
|
// include?: CategoryName[] | undefined;
|
|
|
|
|
// exclude?: CategoryName[] | undefined;
|
|
|
|
|
// recent?: string[] | undefined;
|
|
|
|
|
// /** NOTE: custom emoji are copied into a singleton object on every new mount */
|
|
|
|
|
// custom?: CustomEmoji[] | undefined;
|
|
|
|
|
// skinEmoji?: string | undefined;
|
|
|
|
|
// notFound?(): React.Component;
|
|
|
|
|
// notFoundEmoji?: string | undefined;
|
|
|
|
|
// enableFrequentEmojiSort?: boolean | undefined;
|
|
|
|
|
// useButton?: boolean | undefined;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export enum Action {
|
|
|
|
|
REACT = 0,
|
|
|
|
|
REMOVE = 1,
|
|
|
|
|
|
Audric Ackermann
2 years ago