@atlaskit/emoji 64.5.0 → 64.5.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/emoji
 
+## 64.5.1
+
+### Patch Changes
+
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- Updated dependencies
+
 ## 64.5.0
 
 ### Minor Changes

package/dist/cjs/api/EmojiResource.js

@@ -52,13 +52,11 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  *
  * 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
  */
 var supportsUploadFeature = function supportsUploadFeature(emojiProvider) {
-  var _ref = emojiProvider,
-      isUploadSupported = _ref.isUploadSupported,
-      prepareForUpload = _ref.prepareForUpload,
-      uploadCustomEmoji = _ref.uploadCustomEmoji;
-  return !!(isUploadSupported && prepareForUpload && uploadCustomEmoji);
+  var emojiUploadProvider = emojiProvider;
+  return !!emojiUploadProvider.isUploadSupported && !!emojiUploadProvider.uploadCustomEmoji && !!emojiUploadProvider.prepareForUpload;
 };
 
 exports.supportsUploadFeature = supportsUploadFeature;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "64.5.0",
+	"version": "64.5.1",
 	"sideEffects": false
 }

package/dist/es2019/api/EmojiResource.js

@@ -15,14 +15,11 @@ import { ufoExperiences } from '../util/analytics';
  *
  * 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 const supportsUploadFeature = emojiProvider => {
-  const {
-    isUploadSupported,
-    prepareForUpload,
-    uploadCustomEmoji
-  } = emojiProvider;
-  return !!(isUploadSupported && prepareForUpload && uploadCustomEmoji);
+  const emojiUploadProvider = emojiProvider;
+  return !!emojiUploadProvider.isUploadSupported && !!emojiUploadProvider.uploadCustomEmoji && !!emojiUploadProvider.prepareForUpload;
 };
 export class EmojiResource extends AbstractResource {
   constructor(config) {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "64.5.0",
+	"version": "64.5.1",
 	"sideEffects": false
 }

package/dist/esm/api/EmojiResource.js

@@ -27,13 +27,11 @@ import { ufoExperiences } from '../util/analytics';
  *
  * 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 var supportsUploadFeature = function supportsUploadFeature(emojiProvider) {
-  var _ref = emojiProvider,
-      isUploadSupported = _ref.isUploadSupported,
-      prepareForUpload = _ref.prepareForUpload,
-      uploadCustomEmoji = _ref.uploadCustomEmoji;
-  return !!(isUploadSupported && prepareForUpload && uploadCustomEmoji);
+  var emojiUploadProvider = emojiProvider;
+  return !!emojiUploadProvider.isUploadSupported && !!emojiUploadProvider.uploadCustomEmoji && !!emojiUploadProvider.prepareForUpload;
 };
 export var EmojiResource = /*#__PURE__*/function (_AbstractResource) {
   _inherits(EmojiResource, _AbstractResource);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "64.5.0",
+	"version": "64.5.1",
 	"sideEffects": false
 }

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/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/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,7 +1,7 @@
 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 { EmojiDescription, EmojiId, OnEmojiEvent, OptionalEmojiDescriptionWithVariations, ToneSelection } from '../../types';
 import { CategoryId } from './categories';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface PickerRefHandler {
@@ -42,7 +42,7 @@ export default class EmojiPickerComponent extends PureComponent<Props, State> {
     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/typeahead/EmojiTypeAheadComponent.d.ts

@@ -1,6 +1,6 @@
 import { PureComponent } from 'react';
 import { EmojiProvider } from '../../api/EmojiResource';
-import { EmojiDescription, OnEmojiEvent, ToneSelection } from '../../types';
+import { EmojiDescription, OnEmojiEvent } from '../../types';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface OnLifecycle {
     (): void;
@@ -43,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/LegacyEmojiContextProvider.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { EmojiContext } from '../components/common/internal-types';
 export interface LegacyEmojiContextProviderProps {
@@ -13,10 +13,10 @@ interface LegacyEmojiContextProviderState {
  */
 export default class LegacyEmojiContextProvider extends Component<LegacyEmojiContextProviderProps, LegacyEmojiContextProviderState> {
     static contextTypes: {
-        emoji: PropTypes.Requireable<any>;
+        emoji: PropTypes.Requireable<object>;
     };
     context: EmojiContext;
     constructor(props: LegacyEmojiContextProviderProps, context: EmojiContext);
-    render(): {} | null | undefined;
+    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.5.0",
+  "version": "64.5.1",
   "description": "Fabric emoji React components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,9 +27,9 @@
   },
   "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",
@@ -78,7 +78,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"
   },