@atlaskit/emoji 64.4.1 → 64.5.2

package/dist/types/api/EmojiResource.d.ts

@@ -43,6 +43,7 @@ export interface ResolveReject<T> {
  *
  * Follow this up with an isUploadSupported() check to see if the provider is actually
  * configured to support uploads.
+ * https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicates
  */
 export declare const supportsUploadFeature: (emojiProvider: EmojiProvider) => emojiProvider is UploadingEmojiProvider;
 export interface LastQuery {

package/dist/types/api/EmojiUtils.d.ts

@@ -15,4 +15,4 @@ export declare const denormaliseSkinEmoji: (emoji: EmojiServiceDescriptionWithVa
  * emoji with local sprite definitions.
  */
 export declare const denormaliseEmojiServiceResponse: (emojiData: EmojiServiceResponse) => EmojiResponse;
-export declare const shouldUseAltRepresentation: (emoji: EmojiDescription, fitToHeight?: import("../types").ToneSelection) => boolean;
+export declare const shouldUseAltRepresentation: (emoji: EmojiDescription, fitToHeight?: number | undefined) => boolean;

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

@@ -1,8 +1,8 @@
-import PropTypes from 'prop-types';
+import React, { ContextType } from 'react';
 import { PureComponent } from 'react';
 import { EmojiDescription } from '../../types';
 import { Props as EmojiProps } from './Emoji';
-import { EmojiContext } from './internal-types';
+import { EmojiContext, EmojiContextType } from '../../context/EmojiContext';
 export interface State {
     cachedEmoji?: EmojiDescription;
     invalidImage?: boolean;
@@ -19,15 +19,13 @@ export declare const CachingEmoji: (props: CachingEmojiProps) => JSX.Element;
  * rendering paths depending on caching strategy.
  */
 export declare class CachingMediaEmoji extends PureComponent<CachingEmojiProps, State> {
-    static contextTypes: {
-        emoji: PropTypes.Requireable<any>;
-    };
     private mounted;
-    context: EmojiContext;
-    constructor(props: EmojiProps, context: EmojiContext);
+    static contextType: React.Context<EmojiContextType>;
+    context: ContextType<typeof EmojiContext>;
+    constructor(props: EmojiProps, context: ContextType<typeof EmojiContext>);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: EmojiProps, nextContext: EmojiContext): void;
+    UNSAFE_componentWillReceiveProps(nextProps: EmojiProps, nextContext: EmojiContextType): void;
     private loadEmoji;
     private handleLoadError;
     render(): JSX.Element;

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

@@ -33,8 +33,8 @@ export declare class EmojiUploadPicker extends PureComponent<Props & WrappedComp
     clearUploadPicker: () => void;
     render(): JSX.Element;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<Props & WrappedComponentProps<"intl">>, "children" | "errorMessage" | "onUploadCancelled" | "onUploadEmoji" | "onFileChooserClicked" | "initialUploadName"> & {
-    forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
+declare const _default: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Props & WrappedComponentProps<"intl">>, "intl"> & {
+    forwardedRef?: React.Ref<any> | undefined;
 } & React.RefAttributes<any>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };

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

@@ -1,8 +1,6 @@
-import PropTypes from 'prop-types';
 import { Component } from 'react';
 import EmojiProvider from '../../api/EmojiResource';
 import { EmojiId, OptionalEmojiDescription } from '../../types';
-import { EmojiContext } from './internal-types';
 import { State as LoadingState } from './LoadingEmojiComponent';
 export interface BaseResourcedEmojiProps {
     emojiId: EmojiId;
@@ -17,12 +15,8 @@ export interface State extends LoadingState {
     loaded: boolean;
 }
 export default class ResourcedEmojiComponent extends Component<Props, State> {
-    static childContextTypes: {
-        emoji: PropTypes.Requireable<any>;
-    };
     private ready;
     constructor(props: Props);
-    getChildContext(): EmojiContext;
     private refreshEmoji;
     UNSAFE_componentWillMount(): void;
     componentWillUnmount(): void;

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

@@ -14,5 +14,5 @@ export declare class ToneSelectorInternal extends PureComponent<Props & WithAnal
     private onToneSelectedHandler;
     render(): JSX.Element;
 }
-declare const ToneSelector: React.ForwardRefExoticComponent<Pick<Props & WithAnalyticsEventsProps, "emoji" | "onToneSelected" | "previewEmojiId"> & React.RefAttributes<any>>;
+declare const ToneSelector: React.ForwardRefExoticComponent<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default ToneSelector;

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

@@ -19,5 +19,5 @@ export declare class EmojiPickerInternal extends LoadingEmojiComponent<Props & W
     renderLoading(): JSX.Element | null;
     renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiPickerComponent: ComponentClass<ComponentProps>): JSX.Element;
 }
-declare const EmojiPicker: import("react").ForwardRefExoticComponent<Pick<Props & WithAnalyticsEventsProps, "emojiProvider" | "onSelection" | "onPickerRef" | "hideToneSelector"> & import("react").RefAttributes<any>>;
+declare const EmojiPicker: import("react").ForwardRefExoticComponent<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;
 export default EmojiPicker;

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

@@ -1,9 +1,7 @@
-import PropTypes from 'prop-types';
 import { PureComponent } from 'react';
 import { MessageDescriptor } from 'react-intl-next';
 import { EmojiProvider } from '../../api/EmojiResource';
-import { EmojiDescription, EmojiId, OnEmojiEvent, OptionalEmojiDescription, OptionalEmojiDescriptionWithVariations, ToneSelection } from '../../types';
-import { EmojiContext } from '../common/internal-types';
+import { EmojiDescription, EmojiId, OnEmojiEvent, OptionalEmojiDescriptionWithVariations, ToneSelection } from '../../types';
 import { CategoryId } from './categories';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface PickerRefHandler {
@@ -34,21 +32,17 @@ export interface State {
     loading: boolean;
 }
 export default class EmojiPickerComponent extends PureComponent<Props, State> {
-    static childContextTypes: {
-        emoji: PropTypes.Requireable<any>;
-    };
     static defaultProps: {
         onSelection: () => void;
     };
     constructor(props: Props);
     openTime: number;
-    getChildContext(): EmojiContext;
     UNSAFE_componentWillMount(): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     componentDidUpdate(prevProps: Props): void;
-    onEmojiActive: (_emojiId: EmojiId, emoji?: OptionalEmojiDescription) => void;
+    onEmojiActive: (_emojiId: EmojiId, emoji?: EmojiDescription | undefined) => void;
     onCategoryActivated: (category: CategoryId | null) => void;
     onCategorySelected: (categoryId: CategoryId | null) => void;
     onFileChooserClicked: () => void;

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

@@ -1,7 +1,5 @@
-import PropTypes from 'prop-types';
 import { PureComponent } from 'react';
 import { EmojiDescription, EmojiDescriptionWithVariations, Message, OnCategory, OnEmojiEvent, OnToneSelected, OnToneSelectorCancelled, ToneSelection, User } from '../../types';
-import { EmojiContext } from '../common/internal-types';
 import { CategoryId } from './categories';
 import { OnUploadEmoji } from '../common/EmojiUploadPicker';
 import { OnDeleteEmoji } from '../common/EmojiDeletePreview';
@@ -37,12 +35,6 @@ export interface Props {
 export interface State {
 }
 export default class EmojiPickerVirtualList extends PureComponent<Props, State> {
-    static contextTypes: {
-        emoji: PropTypes.Requireable<any>;
-    };
-    static childContextTypes: {
-        emoji: PropTypes.Requireable<any>;
-    };
     static defaultProps: {
         onEmojiSelected: () => void;
         onEmojiActive: () => void;
@@ -54,9 +46,7 @@ export default class EmojiPickerVirtualList extends PureComponent<Props, State>
     private activeCategoryId;
     private virtualItems;
     private categoryTracker;
-    context: EmojiContext;
     constructor(props: Props);
-    getChildContext(): EmojiContext;
     UNSAFE_componentWillUpdate(nextProps: Props, nextState: State): void;
     private onEmojiMouseEnter;
     private onSearch;

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

@@ -1,8 +1,6 @@
-import PropTypes from 'prop-types';
 import { PureComponent } from 'react';
 import { EmojiProvider } from '../../api/EmojiResource';
-import { EmojiDescription, OnEmojiEvent, ToneSelection } from '../../types';
-import { EmojiContext } from '../common/internal-types';
+import { EmojiDescription, OnEmojiEvent } from '../../types';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface OnLifecycle {
     (): void;
@@ -24,9 +22,6 @@ export interface State {
     loading: boolean;
 }
 export default class EmojiTypeAheadComponent extends PureComponent<Props, State> {
-    static childContextTypes: {
-        emoji: PropTypes.Requireable<any>;
-    };
     static defaultProps: {
         onSelection: () => void;
         onOpen: () => void;
@@ -41,7 +36,6 @@ export default class EmojiTypeAheadComponent extends PureComponent<Props, State>
     private sessionId;
     private selected;
     constructor(props: Props);
-    getChildContext(): EmojiContext;
     componentDidMount(): void;
     componentWillUnmount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
@@ -49,7 +43,7 @@ export default class EmojiTypeAheadComponent extends PureComponent<Props, State>
     selectPrevious: () => void;
     chooseCurrentSelection: () => void;
     count: () => number;
-    getTone: (tone?: ToneSelection) => string | undefined;
+    getTone: (tone?: number | undefined) => string | undefined;
     private fireAnalyticsEvent;
     private onSearch;
     private onSearchResult;

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

@@ -18,5 +18,5 @@ export declare class EmojiUploaderInternal extends LoadingEmojiComponent<Props,
     renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiUploadComponent: ComponentClass<ComponentProps>): JSX.Element;
 }
 declare type EmojiUploader = EmojiUploaderInternal;
-declare const EmojiUploader: React.ForwardRefExoticComponent<Pick<Props, "emojiProvider" | "onUploaderRef"> & React.RefAttributes<any>>;
+declare const EmojiUploader: React.ForwardRefExoticComponent<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default EmojiUploader;

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

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

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { EmojiContextType } from './EmojiContext';
+declare type EmojiContextProviderType = {
+    emojiContextValue: EmojiContextType;
+};
+export declare const EmojiContextProvider: FC<EmojiContextProviderType>;
+export {};

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

@@ -0,0 +1,22 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { EmojiContext } from '../components/common/internal-types';
+export interface LegacyEmojiContextProviderProps {
+    emojiContextValue?: EmojiContext;
+}
+interface LegacyEmojiContextProviderState {
+    prioritisedContextValue?: EmojiContext;
+}
+/**
+ * Legacy Context Priority Passthrough ...
+ * If component finds legacy context, then use it, otherwise use the passed through context
+ */
+export default class LegacyEmojiContextProvider extends Component<LegacyEmojiContextProviderProps, LegacyEmojiContextProviderState> {
+    static contextTypes: {
+        emoji: PropTypes.Requireable<object>;
+    };
+    context: EmojiContext;
+    constructor(props: LegacyEmojiContextProviderProps, context: EmojiContext);
+    render(): React.ReactNode;
+}
+export {};

package/dist/types/util/analytics/analytics.d.ts

@@ -1,14 +1,14 @@
 import { AnalyticsEventPayload, CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { EmojiDescription } from '../../types';
-export declare const createAndFireEventInElementsChannel: (payload: Record<string, any>) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
+export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
 export declare type EmojiInsertionAnalytic = (source: 'picker' | 'typeahead') => AnalyticsEventPayload;
 export declare const recordSucceeded: EmojiInsertionAnalytic;
 export declare const recordFailed: EmojiInsertionAnalytic;
 interface Duration {
     duration: number;
 }
-export declare const openedPickerEvent: () => Record<string, any>;
-export declare const closedPickerEvent: (attributes: Duration) => Record<string, any>;
+export declare const openedPickerEvent: () => AnalyticsEventPayload;
+export declare const closedPickerEvent: (attributes: Duration) => AnalyticsEventPayload;
 interface EmojiAttributes {
     emojiId: string;
     baseEmojiId?: string;
@@ -18,40 +18,40 @@ interface EmojiAttributes {
 }
 export declare const pickerClickedEvent: (attributes: {
     queryLength: number;
-} & EmojiAttributes & Duration) => Record<string, any>;
+} & EmojiAttributes & Duration) => AnalyticsEventPayload;
 export declare const categoryClickedEvent: (attributes: {
     category: string;
-}) => Record<string, any>;
+}) => AnalyticsEventPayload;
 export declare const pickerSearchedEvent: (attributes: {
     queryLength: number;
     numMatches: number;
-}) => Record<string, any>;
+}) => AnalyticsEventPayload;
 export declare const toneSelectedEvent: (attributes: {
     skinToneModifier: string;
-}) => Record<string, any>;
+}) => AnalyticsEventPayload;
 export declare const toneSelectorOpenedEvent: (attributes: {
     skinToneModifier?: string;
-}) => Record<string, any>;
-export declare const toneSelectorClosedEvent: () => Record<string, any>;
-export declare const uploadBeginButton: () => Record<string, any>;
+}) => AnalyticsEventPayload;
+export declare const toneSelectorClosedEvent: () => AnalyticsEventPayload;
+export declare const uploadBeginButton: () => AnalyticsEventPayload;
 export declare const uploadConfirmButton: (attributes: {
     retry: boolean;
-}) => Record<string, any>;
-export declare const uploadCancelButton: () => Record<string, any>;
-export declare const uploadSucceededEvent: (attributes: Duration) => Record<string, any>;
+}) => AnalyticsEventPayload;
+export declare const uploadCancelButton: () => AnalyticsEventPayload;
+export declare const uploadSucceededEvent: (attributes: Duration) => AnalyticsEventPayload;
 export declare const uploadFailedEvent: (attributes: {
     reason: string;
-} & Duration) => Record<string, any>;
+} & Duration) => AnalyticsEventPayload;
 interface Attributes {
     emojiId?: string;
 }
-export declare const deleteBeginEvent: (attributes: Attributes) => Record<string, any>;
-export declare const deleteConfirmEvent: (attributes: Attributes) => Record<string, any>;
-export declare const deleteCancelEvent: (attributes: Attributes) => Record<string, any>;
-export declare const selectedFileEvent: () => Record<string, any>;
-export declare const typeaheadCancelledEvent: (duration: number, query?: string | undefined, emojiList?: EmojiDescription[] | undefined) => Record<string, any>;
-export declare const typeaheadSelectedEvent: (pressed: boolean, duration: number, emoji: EmojiDescription, emojiList?: EmojiDescription[] | undefined, query?: string | undefined, exactMatch?: boolean | undefined) => Record<string, any>;
-export declare const typeaheadRenderedEvent: (duration: number, query?: string | undefined, emojiList?: EmojiDescription[] | undefined) => Record<string, any>;
+export declare const deleteBeginEvent: (attributes: Attributes) => AnalyticsEventPayload;
+export declare const deleteConfirmEvent: (attributes: Attributes) => AnalyticsEventPayload;
+export declare const deleteCancelEvent: (attributes: Attributes) => AnalyticsEventPayload;
+export declare const selectedFileEvent: () => AnalyticsEventPayload;
+export declare const typeaheadCancelledEvent: (duration: number, query?: string | undefined, emojiList?: EmojiDescription[] | undefined) => AnalyticsEventPayload;
+export declare const typeaheadSelectedEvent: (pressed: boolean, duration: number, emoji: EmojiDescription, emojiList?: EmojiDescription[] | undefined, query?: string | undefined, exactMatch?: boolean | undefined) => AnalyticsEventPayload;
+export declare const typeaheadRenderedEvent: (duration: number, query?: string | undefined, emojiList?: EmojiDescription[] | undefined) => AnalyticsEventPayload;
 export declare const recordSelectionSucceededSli: (options?: {
     createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined;
 } | undefined) => () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/emoji",
-  "version": "64.4.1",
+  "version": "64.5.2",
   "description": "Fabric emoji React components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,13 +27,13 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/button": "^16.2.0",
+    "@atlaskit/button": "^16.3.0",
     "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/media-client": "^15.0.0",
+    "@atlaskit/media-client": "^15.1.0",
     "@atlaskit/spinner": "^15.0.0",
     "@atlaskit/textfield": "^5.1.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.8.0",
+    "@atlaskit/tokens": "^0.9.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/ufo": "^0.1.0",
     "@atlaskit/util-service-support": "^6.1.0",
@@ -61,6 +61,7 @@
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/ufo": "^0.1.10",
     "@testing-library/react": "^8.0.1",
+    "@testing-library/user-event": "10.4.0",
     "@types/js-search": "^1.4.0",
     "@types/react-virtualized": "^9.18.12",
     "@types/serialize-javascript": "^5.0.0",
@@ -69,7 +70,6 @@
     "enzyme-adapter-react-16": "^1.15.1",
     "es6-promise": "^4.0.5",
     "fetch-mock": "^8.0.0",
-    "jest-fetch-mock": "^3.0.3",
     "p-wait-for": "^3.2.0",
     "react": "^16.8.0",
     "react-addons-perf": "^15.3.2",
@@ -77,7 +77,7 @@
     "rxjs": "^5.5.0",
     "serialize-javascript": "^5.0.1",
     "sinon": "^2.2.0",
-    "typescript": "3.9.10",
+    "typescript": "4.2.4",
     "wait-for-expect": "^1.2.0",
     "webpack-dev-server": "^3.11.2"
   },