@atlaskit/emoji 64.5.0 → 64.6.0

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 (38) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/admin/package.json +1 -0
  3. package/dist/cjs/api/EmojiResource.js +57 -5
  4. package/dist/cjs/api/media/SiteEmojiResource.js +59 -2
  5. package/dist/cjs/api/media/TokenManager.js +16 -7
  6. package/dist/cjs/components/common/CachingEmoji.js +32 -68
  7. package/dist/cjs/version.json +1 -1
  8. package/dist/es2019/api/EmojiResource.js +21 -7
  9. package/dist/es2019/api/media/SiteEmojiResource.js +24 -0
  10. package/dist/es2019/api/media/TokenManager.js +13 -5
  11. package/dist/es2019/components/common/CachingEmoji.js +27 -70
  12. package/dist/es2019/version.json +1 -1
  13. package/dist/esm/api/EmojiResource.js +56 -6
  14. package/dist/esm/api/media/SiteEmojiResource.js +57 -2
  15. package/dist/esm/api/media/TokenManager.js +14 -5
  16. package/dist/esm/components/common/CachingEmoji.js +33 -69
  17. package/dist/esm/version.json +1 -1
  18. package/dist/types/api/EmojiResource.d.ts +5 -0
  19. package/dist/types/api/EmojiUtils.d.ts +1 -1
  20. package/dist/types/api/media/SiteEmojiResource.d.ts +4 -0
  21. package/dist/types/api/media/TokenManager.d.ts +2 -1
  22. package/dist/types/components/common/CachingEmoji.d.ts +1 -3
  23. package/dist/types/components/common/EmojiUploadPicker.d.ts +2 -2
  24. package/dist/types/components/common/ToneSelector.d.ts +1 -1
  25. package/dist/types/components/picker/EmojiPicker.d.ts +1 -1
  26. package/dist/types/components/picker/EmojiPickerComponent.d.ts +2 -2
  27. package/dist/types/components/typeahead/EmojiTypeAheadComponent.d.ts +2 -2
  28. package/dist/types/components/uploader/EmojiUploader.d.ts +1 -1
  29. package/dist/types/context/LegacyEmojiContextProvider.d.ts +3 -3
  30. package/dist/types/types.d.ts +6 -0
  31. package/dist/types/util/analytics/analytics.d.ts +21 -21
  32. package/element/package.json +1 -0
  33. package/package.json +5 -6
  34. package/picker/package.json +1 -0
  35. package/resource/package.json +1 -0
  36. package/typeahead/package.json +1 -0
  37. package/types/package.json +1 -0
  38. package/utils/package.json +1 -0
@@ -1,6 +1,6 @@
1
1
  import { PureComponent } from 'react';
2
2
  import { EmojiProvider } from '../../api/EmojiResource';
3
- import { EmojiDescription, OnEmojiEvent, ToneSelection } from '../../types';
3
+ import { EmojiDescription, OnEmojiEvent } from '../../types';
4
4
  import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
5
5
  export interface OnLifecycle {
6
6
  (): void;
@@ -43,7 +43,7 @@ export default class EmojiTypeAheadComponent extends PureComponent<Props, State>
43
43
  selectPrevious: () => void;
44
44
  chooseCurrentSelection: () => void;
45
45
  count: () => number;
46
- getTone: (tone?: ToneSelection) => string | undefined;
46
+ getTone: (tone?: number | undefined) => string | undefined;
47
47
  private fireAnalyticsEvent;
48
48
  private onSearch;
49
49
  private onSearchResult;
@@ -18,5 +18,5 @@ export declare class EmojiUploaderInternal extends LoadingEmojiComponent<Props,
18
18
  renderLoaded(loadedEmojiProvider: EmojiProvider, EmojiUploadComponent: ComponentClass<ComponentProps>): JSX.Element;
19
19
  }
20
20
  declare type EmojiUploader = EmojiUploaderInternal;
21
- declare const EmojiUploader: React.ForwardRefExoticComponent<Pick<Props, "emojiProvider" | "onUploaderRef"> & React.RefAttributes<any>>;
21
+ declare const EmojiUploader: React.ForwardRefExoticComponent<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>;
22
22
  export default EmojiUploader;
@@ -1,4 +1,4 @@
1
- import { Component } from 'react';
1
+ import React, { Component } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import { EmojiContext } from '../components/common/internal-types';
4
4
  export interface LegacyEmojiContextProviderProps {
@@ -13,10 +13,10 @@ interface LegacyEmojiContextProviderState {
13
13
  */
14
14
  export default class LegacyEmojiContextProvider extends Component<LegacyEmojiContextProviderProps, LegacyEmojiContextProviderState> {
15
15
  static contextTypes: {
16
- emoji: PropTypes.Requireable<any>;
16
+ emoji: PropTypes.Requireable<object>;
17
17
  };
18
18
  context: EmojiContext;
19
19
  constructor(props: LegacyEmojiContextProviderProps, context: EmojiContext);
20
- render(): {} | null | undefined;
20
+ render(): React.ReactNode;
21
21
  }
22
22
  export {};
@@ -4,6 +4,12 @@ import { CategoryId } from './components/picker/categories';
4
4
  import { Provider } from '@atlaskit/util-service-support/types';
5
5
  export type { CategoryId } from './components/picker/categories';
6
6
  export interface EmojiProvider extends Provider<string, EmojiSearchResult, any, undefined, SearchOptions> {
7
+ /**
8
+ * Returns an immutable copy of EmojiDescription where mediaPath has token and client appended to url
9
+ *
10
+ * Will allow emoji to render site emojis without needing to fail first
11
+ */
12
+ getMediaEmojiDescriptionURLWithInlineToken(emoji: EmojiDescription): Promise<EmojiDescription>;
7
13
  /**
8
14
  * Returns the first matching emoji matching the shortName, or null if none found.
9
15
  *
@@ -1,14 +1,14 @@
1
1
  import { AnalyticsEventPayload, CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
2
2
  import { EmojiDescription } from '../../types';
3
- export declare const createAndFireEventInElementsChannel: (payload: Record<string, any>) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
3
+ export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
4
4
  export declare type EmojiInsertionAnalytic = (source: 'picker' | 'typeahead') => AnalyticsEventPayload;
5
5
  export declare const recordSucceeded: EmojiInsertionAnalytic;
6
6
  export declare const recordFailed: EmojiInsertionAnalytic;
7
7
  interface Duration {
8
8
  duration: number;
9
9
  }
10
- export declare const openedPickerEvent: () => Record<string, any>;
11
- export declare const closedPickerEvent: (attributes: Duration) => Record<string, any>;
10
+ export declare const openedPickerEvent: () => AnalyticsEventPayload;
11
+ export declare const closedPickerEvent: (attributes: Duration) => AnalyticsEventPayload;
12
12
  interface EmojiAttributes {
13
13
  emojiId: string;
14
14
  baseEmojiId?: string;
@@ -18,40 +18,40 @@ interface EmojiAttributes {
18
18
  }
19
19
  export declare const pickerClickedEvent: (attributes: {
20
20
  queryLength: number;
21
- } & EmojiAttributes & Duration) => Record<string, any>;
21
+ } & EmojiAttributes & Duration) => AnalyticsEventPayload;
22
22
  export declare const categoryClickedEvent: (attributes: {
23
23
  category: string;
24
- }) => Record<string, any>;
24
+ }) => AnalyticsEventPayload;
25
25
  export declare const pickerSearchedEvent: (attributes: {
26
26
  queryLength: number;
27
27
  numMatches: number;
28
- }) => Record<string, any>;
28
+ }) => AnalyticsEventPayload;
29
29
  export declare const toneSelectedEvent: (attributes: {
30
30
  skinToneModifier: string;
31
- }) => Record<string, any>;
31
+ }) => AnalyticsEventPayload;
32
32
  export declare const toneSelectorOpenedEvent: (attributes: {
33
33
  skinToneModifier?: string;
34
- }) => Record<string, any>;
35
- export declare const toneSelectorClosedEvent: () => Record<string, any>;
36
- export declare const uploadBeginButton: () => Record<string, any>;
34
+ }) => AnalyticsEventPayload;
35
+ export declare const toneSelectorClosedEvent: () => AnalyticsEventPayload;
36
+ export declare const uploadBeginButton: () => AnalyticsEventPayload;
37
37
  export declare const uploadConfirmButton: (attributes: {
38
38
  retry: boolean;
39
- }) => Record<string, any>;
40
- export declare const uploadCancelButton: () => Record<string, any>;
41
- export declare const uploadSucceededEvent: (attributes: Duration) => Record<string, any>;
39
+ }) => AnalyticsEventPayload;
40
+ export declare const uploadCancelButton: () => AnalyticsEventPayload;
41
+ export declare const uploadSucceededEvent: (attributes: Duration) => AnalyticsEventPayload;
42
42
  export declare const uploadFailedEvent: (attributes: {
43
43
  reason: string;
44
- } & Duration) => Record<string, any>;
44
+ } & Duration) => AnalyticsEventPayload;
45
45
  interface Attributes {
46
46
  emojiId?: string;
47
47
  }
48
- export declare const deleteBeginEvent: (attributes: Attributes) => Record<string, any>;
49
- export declare const deleteConfirmEvent: (attributes: Attributes) => Record<string, any>;
50
- export declare const deleteCancelEvent: (attributes: Attributes) => Record<string, any>;
51
- export declare const selectedFileEvent: () => Record<string, any>;
52
- export declare const typeaheadCancelledEvent: (duration: number, query?: string | undefined, emojiList?: EmojiDescription[] | undefined) => Record<string, any>;
53
- export declare const typeaheadSelectedEvent: (pressed: boolean, duration: number, emoji: EmojiDescription, emojiList?: EmojiDescription[] | undefined, query?: string | undefined, exactMatch?: boolean | undefined) => Record<string, any>;
54
- export declare const typeaheadRenderedEvent: (duration: number, query?: string | undefined, emojiList?: EmojiDescription[] | undefined) => Record<string, any>;
48
+ export declare const deleteBeginEvent: (attributes: Attributes) => AnalyticsEventPayload;
49
+ export declare const deleteConfirmEvent: (attributes: Attributes) => AnalyticsEventPayload;
50
+ export declare const deleteCancelEvent: (attributes: Attributes) => AnalyticsEventPayload;
51
+ export declare const selectedFileEvent: () => AnalyticsEventPayload;
52
+ export declare const typeaheadCancelledEvent: (duration: number, query?: string | undefined, emojiList?: EmojiDescription[] | undefined) => AnalyticsEventPayload;
53
+ export declare const typeaheadSelectedEvent: (pressed: boolean, duration: number, emoji: EmojiDescription, emojiList?: EmojiDescription[] | undefined, query?: string | undefined, exactMatch?: boolean | undefined) => AnalyticsEventPayload;
54
+ export declare const typeaheadRenderedEvent: (duration: number, query?: string | undefined, emojiList?: EmojiDescription[] | undefined) => AnalyticsEventPayload;
55
55
  export declare const recordSelectionSucceededSli: (options?: {
56
56
  createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined;
57
57
  } | undefined) => () => void;
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/element.js",
4
4
  "module": "../dist/esm/element.js",
5
5
  "module:es2019": "../dist/es2019/element.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/element.d.ts"
7
8
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "64.5.0",
3
+ "version": "64.6.0",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -27,9 +27,9 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@atlaskit/analytics-next": "^8.2.0",
30
- "@atlaskit/button": "^16.2.0",
30
+ "@atlaskit/button": "^16.3.0",
31
31
  "@atlaskit/icon": "^21.10.0",
32
- "@atlaskit/media-client": "^15.0.0",
32
+ "@atlaskit/media-client": "^16.0.0",
33
33
  "@atlaskit/spinner": "^15.0.0",
34
34
  "@atlaskit/textfield": "^5.1.0",
35
35
  "@atlaskit/theme": "^12.1.0",
@@ -54,7 +54,7 @@
54
54
  "@atlaskit/docs": "*",
55
55
  "@atlaskit/editor-test-helpers": "^17.0.0",
56
56
  "@atlaskit/elements-test-helpers": "^0.7.0",
57
- "@atlaskit/media-core": "^32.3.0",
57
+ "@atlaskit/media-core": "^33.0.0",
58
58
  "@atlaskit/section-message": "^6.0.0",
59
59
  "@atlaskit/util-data-test": "^17.2.0",
60
60
  "@atlaskit/visual-regression": "*",
@@ -70,7 +70,6 @@
70
70
  "enzyme-adapter-react-16": "^1.15.1",
71
71
  "es6-promise": "^4.0.5",
72
72
  "fetch-mock": "^8.0.0",
73
- "jest-fetch-mock": "^3.0.3",
74
73
  "p-wait-for": "^3.2.0",
75
74
  "react": "^16.8.0",
76
75
  "react-addons-perf": "^15.3.2",
@@ -78,7 +77,7 @@
78
77
  "rxjs": "^5.5.0",
79
78
  "serialize-javascript": "^5.0.1",
80
79
  "sinon": "^2.2.0",
81
- "typescript": "3.9.10",
80
+ "typescript": "4.2.4",
82
81
  "wait-for-expect": "^1.2.0",
83
82
  "webpack-dev-server": "^3.11.2"
84
83
  },
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/picker.js",
4
4
  "module": "../dist/esm/picker.js",
5
5
  "module:es2019": "../dist/es2019/picker.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/picker.d.ts"
7
8
  }
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/resource.js",
4
4
  "module": "../dist/esm/resource.js",
5
5
  "module:es2019": "../dist/es2019/resource.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/resource.d.ts"
7
8
  }
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/typeahead.js",
4
4
  "module": "../dist/esm/typeahead.js",
5
5
  "module:es2019": "../dist/es2019/typeahead.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/typeahead.d.ts"
7
8
  }
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/types.js",
4
4
  "module": "../dist/esm/types.js",
5
5
  "module:es2019": "../dist/es2019/types.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/types.d.ts"
7
8
  }
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/utils.js",
4
4
  "module": "../dist/esm/utils.js",
5
5
  "module:es2019": "../dist/es2019/utils.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/utils.d.ts"
7
8
  }