@atlaskit/emoji 67.6.23 → 67.6.24
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 +6 -0
- package/dist/cjs/util/analytics/analytics.js +1 -1
- package/dist/es2019/util/analytics/analytics.js +1 -1
- package/dist/esm/util/analytics/analytics.js +1 -1
- package/dist/types/util/analytics/index.d.ts +1 -1
- package/dist/types-ts4.5/util/analytics/index.d.ts +1 -1
- package/docs/0-intro.tsx +21 -27
- package/docs/1-resourced-emoji.tsx +7 -7
- package/docs/2-emoji-picker.tsx +7 -7
- package/docs/3-typeahead.tsx +7 -7
- package/docs/4-emoji-provider.tsx +10 -10
- package/local-config-example.ts +36 -38
- package/package.json +4 -4
- package/report.api.md +860 -929
package/CHANGELOG.md
CHANGED
|
@@ -19,7 +19,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
|
|
|
19
19
|
actionSubjectId: actionSubjectId,
|
|
20
20
|
attributes: _objectSpread({
|
|
21
21
|
packageName: "@atlaskit/emoji",
|
|
22
|
-
packageVersion: "67.6.
|
|
22
|
+
packageVersion: "67.6.24"
|
|
23
23
|
}, attributes)
|
|
24
24
|
};
|
|
25
25
|
};
|
|
@@ -12,7 +12,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
|
|
|
12
12
|
actionSubjectId: actionSubjectId,
|
|
13
13
|
attributes: _objectSpread({
|
|
14
14
|
packageName: "@atlaskit/emoji",
|
|
15
|
-
packageVersion: "67.6.
|
|
15
|
+
packageVersion: "67.6.24"
|
|
16
16
|
}, attributes)
|
|
17
17
|
};
|
|
18
18
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { ufoExperiencesSampled, clearSampled, isExperienceSampled, withSampling, } from './samplingUfo';
|
|
2
|
-
export type { UFOExperienceSampledRecords, WithSamplingUFOExperience
|
|
2
|
+
export type { UFOExperienceSampledRecords, WithSamplingUFOExperience } from './samplingUfo';
|
|
3
3
|
export { categoryClickedEvent, createAndFireEventInElementsChannel, closedPickerEvent, deleteBeginEvent, deleteCancelEvent, deleteConfirmEvent, recordFailed, recordSucceeded, openedPickerEvent, pickerClickedEvent, pickerSearchedEvent, recordSelectionFailedSli, recordSelectionSucceededSli, selectedFileEvent, toneSelectedEvent, toneSelectorClosedEvent, toneSelectorOpenedEvent, typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, uploadBeginButton, uploadCancelButton, uploadConfirmButton, uploadFailedEvent, uploadSucceededEvent, } from './analytics';
|
|
4
4
|
export { sampledUfoRenderedEmoji, ufoExperiences } from './ufoExperiences';
|
|
5
5
|
export type { EmojiInsertionAnalytic } from './analytics';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { ufoExperiencesSampled, clearSampled, isExperienceSampled, withSampling, } from './samplingUfo';
|
|
2
|
-
export type { UFOExperienceSampledRecords, WithSamplingUFOExperience
|
|
2
|
+
export type { UFOExperienceSampledRecords, WithSamplingUFOExperience } from './samplingUfo';
|
|
3
3
|
export { categoryClickedEvent, createAndFireEventInElementsChannel, closedPickerEvent, deleteBeginEvent, deleteCancelEvent, deleteConfirmEvent, recordFailed, recordSucceeded, openedPickerEvent, pickerClickedEvent, pickerSearchedEvent, recordSelectionFailedSli, recordSelectionSucceededSli, selectedFileEvent, toneSelectedEvent, toneSelectorClosedEvent, toneSelectorOpenedEvent, typeaheadCancelledEvent, typeaheadRenderedEvent, typeaheadSelectedEvent, uploadBeginButton, uploadCancelButton, uploadConfirmButton, uploadFailedEvent, uploadSucceededEvent, } from './analytics';
|
|
4
4
|
export { sampledUfoRenderedEmoji, ufoExperiences } from './ufoExperiences';
|
|
5
5
|
export type { EmojiInsertionAnalytic } from './analytics';
|
package/docs/0-intro.tsx
CHANGED
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
md,
|
|
4
|
-
Example,
|
|
5
|
-
code,
|
|
6
|
-
AtlassianInternalWarning,
|
|
7
|
-
Props,
|
|
8
|
-
} from '@atlaskit/docs';
|
|
2
|
+
import { md, Example, code, AtlassianInternalWarning, Props } from '@atlaskit/docs';
|
|
9
3
|
import SectionMessage from '@atlaskit/section-message';
|
|
10
4
|
import SimpleEmojiExample from '../examples/00-simple-emoji';
|
|
11
5
|
|
|
@@ -59,19 +53,19 @@ export default md`
|
|
|
59
53
|
|
|
60
54
|
|
|
61
55
|
${(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
56
|
+
<>
|
|
57
|
+
<br />
|
|
58
|
+
<SectionMessage
|
|
59
|
+
appearance="warning"
|
|
60
|
+
title="Emoji provider is required to be configured in order to use components from this package."
|
|
61
|
+
>
|
|
62
|
+
<p>
|
|
63
|
+
Please refer to `Emoji picker` section for more information on how to configure emoji
|
|
64
|
+
provider.
|
|
65
|
+
</p>
|
|
66
|
+
</SectionMessage>
|
|
67
|
+
</>
|
|
68
|
+
)}
|
|
75
69
|
|
|
76
70
|
### Other emoji components import examples
|
|
77
71
|
|
|
@@ -97,13 +91,13 @@ export default md`
|
|
|
97
91
|
There is an example file local-config-example.ts that can be copied.
|
|
98
92
|
|
|
99
93
|
${(
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
94
|
+
<Example
|
|
95
|
+
packageName="@atlaskit/emoji"
|
|
96
|
+
Component={SimpleEmojiExample}
|
|
97
|
+
title=" Simple Emoji"
|
|
98
|
+
source={SimpleEmojiSource}
|
|
99
|
+
/>
|
|
100
|
+
)}
|
|
107
101
|
|
|
108
102
|
${(<Props props={EmojiProps} />)}
|
|
109
103
|
`;
|
|
@@ -62,13 +62,13 @@ export default md`
|
|
|
62
62
|
);`}
|
|
63
63
|
|
|
64
64
|
${(
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
65
|
+
<Example
|
|
66
|
+
packageName="@atlaskit/emoji"
|
|
67
|
+
Component={ResourcedEmojiExample}
|
|
68
|
+
title="Resourced Emoji"
|
|
69
|
+
source={ResourcedEmojiSource}
|
|
70
|
+
/>
|
|
71
|
+
)}
|
|
72
72
|
|
|
73
73
|
${(<Props props={ResourcedEmojiProps} />)}
|
|
74
74
|
`;
|
package/docs/2-emoji-picker.tsx
CHANGED
|
@@ -44,13 +44,13 @@ export default md`
|
|
|
44
44
|
`}
|
|
45
45
|
|
|
46
46
|
${(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
47
|
+
<Example
|
|
48
|
+
packageName="@atlaskit/emoji"
|
|
49
|
+
Component={EmojiPickerExample}
|
|
50
|
+
title="Emoji Picker"
|
|
51
|
+
source={EmojiPickerSource}
|
|
52
|
+
/>
|
|
53
|
+
)}
|
|
54
54
|
|
|
55
55
|
${(<Props props={EmojiPickerProps} />)}
|
|
56
56
|
`;
|
package/docs/3-typeahead.tsx
CHANGED
|
@@ -8,13 +8,13 @@ const TypeAheadProps = require('!!extract-react-types-loader!../src/components/t
|
|
|
8
8
|
export default md`
|
|
9
9
|
|
|
10
10
|
${(
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
<Example
|
|
12
|
+
packageName="@atlaskit/emoji"
|
|
13
|
+
Component={TypeAheadiExample}
|
|
14
|
+
title="Typeahead"
|
|
15
|
+
source={TypeAheadSource}
|
|
16
|
+
/>
|
|
17
|
+
)}
|
|
18
18
|
|
|
19
19
|
${(<Props props={TypeAheadProps} />)}
|
|
20
20
|
`;
|
|
@@ -26,16 +26,16 @@ ${code`
|
|
|
26
26
|
});`}
|
|
27
27
|
|
|
28
28
|
${(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
29
|
+
<>
|
|
30
|
+
<br />
|
|
31
|
+
<SectionMessage
|
|
32
|
+
appearance="warning"
|
|
33
|
+
title="There should be only one instance of EmojiResource in your application"
|
|
34
|
+
>
|
|
35
|
+
<p>Make sure EmojiResource is initialised only once.</p>
|
|
36
|
+
</SectionMessage>
|
|
37
|
+
</>
|
|
38
|
+
)}
|
|
39
39
|
|
|
40
40
|
The emoji provider plays a vital role to glue with our backend emoji service. Emoji metadata is fetched based on the url defined in providers array.
|
|
41
41
|
After a successful fetch the emoji resource holds emoji data for rendering emoji in picker, single emoji or the typeahead component.
|
package/local-config-example.ts
CHANGED
|
@@ -1,42 +1,40 @@
|
|
|
1
1
|
import type { EmojiId } from './src/types';
|
|
2
2
|
|
|
3
3
|
export default {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}),
|
|
41
|
-
},
|
|
4
|
+
recordConfig: {
|
|
5
|
+
url: 'https://www.example.org/',
|
|
6
|
+
},
|
|
7
|
+
providers: [
|
|
8
|
+
{
|
|
9
|
+
url: 'https://www.example.org/emoji/standard',
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
url: 'https://www.example.org/emoji/site-id/site',
|
|
13
|
+
securityProvider: () => ({
|
|
14
|
+
headers: {
|
|
15
|
+
Authorization: 'Bearer token',
|
|
16
|
+
},
|
|
17
|
+
}),
|
|
18
|
+
},
|
|
19
|
+
],
|
|
20
|
+
singleEmojiApi: {
|
|
21
|
+
getUrl: (emojiId: EmojiId) =>
|
|
22
|
+
`https://www.example.org/emoji/${emojiId.id || emojiId.shortName}`,
|
|
23
|
+
securityProvider: () => ({
|
|
24
|
+
headers: {
|
|
25
|
+
'User-Context': '{token}',
|
|
26
|
+
Authorization: 'Bearer {token}',
|
|
27
|
+
},
|
|
28
|
+
}),
|
|
29
|
+
},
|
|
30
|
+
optimisticImageApi: {
|
|
31
|
+
getUrl: (emojiId: EmojiId) =>
|
|
32
|
+
`http://www.example.org/emoji/site-id/${emojiId.id || emojiId.shortName}/path`,
|
|
33
|
+
securityProvider: () => ({
|
|
34
|
+
headers: {
|
|
35
|
+
'User-Context': '{token}',
|
|
36
|
+
Authorization: 'Bearer {token}',
|
|
37
|
+
},
|
|
38
|
+
}),
|
|
39
|
+
},
|
|
42
40
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/emoji",
|
|
3
|
-
"version": "67.6.
|
|
3
|
+
"version": "67.6.24",
|
|
4
4
|
"description": "Fabric emoji React components",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -42,10 +42,10 @@
|
|
|
42
42
|
"@atlaskit/icon": "^22.3.0",
|
|
43
43
|
"@atlaskit/media-client": "^27.2.0",
|
|
44
44
|
"@atlaskit/media-client-react": "^2.0.0",
|
|
45
|
-
"@atlaskit/primitives": "^
|
|
45
|
+
"@atlaskit/primitives": "^7.0.0",
|
|
46
46
|
"@atlaskit/spinner": "^16.1.0",
|
|
47
47
|
"@atlaskit/textfield": "^6.3.0",
|
|
48
|
-
"@atlaskit/theme": "^12.
|
|
48
|
+
"@atlaskit/theme": "^12.9.0",
|
|
49
49
|
"@atlaskit/tokens": "^1.49.0",
|
|
50
50
|
"@atlaskit/tooltip": "^18.4.0",
|
|
51
51
|
"@atlaskit/ufo": "^0.2.0",
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"@atlaskit/visual-regression": "*",
|
|
77
77
|
"@emotion/jest": "^11.8.0",
|
|
78
78
|
"@testing-library/dom": "^8.17.1",
|
|
79
|
-
"@testing-library/jest-dom": "^
|
|
79
|
+
"@testing-library/jest-dom": "^6.4.5",
|
|
80
80
|
"@testing-library/react": "^12.1.5",
|
|
81
81
|
"@testing-library/react-hooks": "^8.0.1",
|
|
82
82
|
"@testing-library/user-event": "^14.4.3",
|