@atlaskit/emoji 69.8.5 → 69.9.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.
- package/CHANGELOG.md +11 -0
- package/afm-cc/tsconfig.json +0 -6
- package/afm-jira/tsconfig.json +0 -6
- package/afm-products/tsconfig.json +0 -6
- package/dist/cjs/components/common/Emoji.js +1 -5
- package/dist/cjs/context/EmojiCommonProvider.js +1 -10
- package/dist/es2019/components/common/Emoji.js +1 -5
- package/dist/es2019/context/EmojiCommonProvider.js +1 -10
- package/dist/esm/components/common/Emoji.js +1 -5
- package/dist/esm/context/EmojiCommonProvider.js +1 -10
- package/package.json +4 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# @atlaskit/emoji
|
|
2
2
|
|
|
3
|
+
## 69.9.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`361f88d13201f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/361f88d13201f) -
|
|
8
|
+
Removes experiment gate cc_complexit_fe_emoji_stability
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
3
14
|
## 69.8.5
|
|
4
15
|
|
|
5
16
|
### Patch Changes
|
package/afm-cc/tsconfig.json
CHANGED
|
@@ -47,15 +47,9 @@
|
|
|
47
47
|
{
|
|
48
48
|
"path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
|
|
49
49
|
},
|
|
50
|
-
{
|
|
51
|
-
"path": "../../../platform/feature-flags-react/afm-cc/tsconfig.json"
|
|
52
|
-
},
|
|
53
50
|
{
|
|
54
51
|
"path": "../../../design-system/primitives/afm-cc/tsconfig.json"
|
|
55
52
|
},
|
|
56
|
-
{
|
|
57
|
-
"path": "../../../react-ufo/atlaskit/afm-cc/tsconfig.json"
|
|
58
|
-
},
|
|
59
53
|
{
|
|
60
54
|
"path": "../../../design-system/spinner/afm-cc/tsconfig.json"
|
|
61
55
|
},
|
package/afm-jira/tsconfig.json
CHANGED
|
@@ -47,15 +47,9 @@
|
|
|
47
47
|
{
|
|
48
48
|
"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
|
|
49
49
|
},
|
|
50
|
-
{
|
|
51
|
-
"path": "../../../platform/feature-flags-react/afm-jira/tsconfig.json"
|
|
52
|
-
},
|
|
53
50
|
{
|
|
54
51
|
"path": "../../../design-system/primitives/afm-jira/tsconfig.json"
|
|
55
52
|
},
|
|
56
|
-
{
|
|
57
|
-
"path": "../../../react-ufo/atlaskit/afm-jira/tsconfig.json"
|
|
58
|
-
},
|
|
59
53
|
{
|
|
60
54
|
"path": "../../../design-system/spinner/afm-jira/tsconfig.json"
|
|
61
55
|
},
|
|
@@ -47,15 +47,9 @@
|
|
|
47
47
|
{
|
|
48
48
|
"path": "../../../platform/feature-flags/afm-products/tsconfig.json"
|
|
49
49
|
},
|
|
50
|
-
{
|
|
51
|
-
"path": "../../../platform/feature-flags-react/afm-products/tsconfig.json"
|
|
52
|
-
},
|
|
53
50
|
{
|
|
54
51
|
"path": "../../../design-system/primitives/afm-products/tsconfig.json"
|
|
55
52
|
},
|
|
56
|
-
{
|
|
57
|
-
"path": "../../../react-ufo/atlaskit/afm-products/tsconfig.json"
|
|
58
|
-
},
|
|
59
53
|
{
|
|
60
54
|
"path": "../../../design-system/spinner/afm-products/tsconfig.json"
|
|
61
55
|
},
|
|
@@ -190,16 +190,12 @@ var ImageEmoji = exports.ImageEmoji = function ImageEmoji(props) {
|
|
|
190
190
|
height: fitToHeight
|
|
191
191
|
};
|
|
192
192
|
}
|
|
193
|
-
var
|
|
194
|
-
handleImageError(props, event);
|
|
195
|
-
}, [props]);
|
|
196
|
-
var onErrorV2 = (0, _react.useCallback)(function (event) {
|
|
193
|
+
var onError = (0, _react.useCallback)(function (event) {
|
|
197
194
|
handleImageError({
|
|
198
195
|
emoji: props.emoji,
|
|
199
196
|
onLoadError: props.onLoadError
|
|
200
197
|
}, event);
|
|
201
198
|
}, [props.emoji, props.onLoadError]);
|
|
202
|
-
var onError = (0, _expValEquals.expValEquals)('cc_complexit_fe_emoji_stability', 'isEnabled', true) ? onErrorV2 : onErrorV1;
|
|
203
199
|
var onLoad = (0, _react.useCallback)(function () {
|
|
204
200
|
var mountedMark = ufoExp.metrics.marks.find(function (mark) {
|
|
205
201
|
return mark.name === _types.UfoEmojiTimings.MOUNTED_END;
|
|
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.EmojiCommonProvider = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _EmojiContextProvider = require("./EmojiContextProvider");
|
|
10
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
11
10
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
12
11
|
/**
|
|
13
12
|
* EmojiCommonProvider will provide emojiProvider to children,
|
|
@@ -25,18 +24,10 @@ var EmojiCommonProvider = exports.EmojiCommonProvider = function EmojiCommonProv
|
|
|
25
24
|
}
|
|
26
25
|
} : undefined;
|
|
27
26
|
}, [props.emojiProvider]);
|
|
28
|
-
if (!!emojiContextValue
|
|
27
|
+
if (!!emojiContextValue) {
|
|
29
28
|
return /*#__PURE__*/_react.default.createElement(_EmojiContextProvider.EmojiContextProvider, {
|
|
30
29
|
emojiContextValue: emojiContextValue
|
|
31
30
|
}, props.children);
|
|
32
|
-
} else if (props.emojiProvider) {
|
|
33
|
-
return /*#__PURE__*/_react.default.createElement(_EmojiContextProvider.EmojiContextProvider, {
|
|
34
|
-
emojiContextValue: {
|
|
35
|
-
emoji: {
|
|
36
|
-
emojiProvider: props.emojiProvider
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}, props.children);
|
|
40
31
|
} else {
|
|
41
32
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.children);
|
|
42
33
|
}
|
|
@@ -187,16 +187,12 @@ export const ImageEmoji = props => {
|
|
|
187
187
|
height: fitToHeight
|
|
188
188
|
};
|
|
189
189
|
}
|
|
190
|
-
const
|
|
191
|
-
handleImageError(props, event);
|
|
192
|
-
}, [props]);
|
|
193
|
-
const onErrorV2 = useCallback(event => {
|
|
190
|
+
const onError = useCallback(event => {
|
|
194
191
|
handleImageError({
|
|
195
192
|
emoji: props.emoji,
|
|
196
193
|
onLoadError: props.onLoadError
|
|
197
194
|
}, event);
|
|
198
195
|
}, [props.emoji, props.onLoadError]);
|
|
199
|
-
const onError = expValEquals('cc_complexit_fe_emoji_stability', 'isEnabled', true) ? onErrorV2 : onErrorV1;
|
|
200
196
|
const onLoad = useCallback(() => {
|
|
201
197
|
const mountedMark = ufoExp.metrics.marks.find(mark => mark.name === UfoEmojiTimings.MOUNTED_END);
|
|
202
198
|
// onload could trigger before onBeforeLoad when emojis in viewport at start, so we need to mark onload start manually.
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import { EmojiContextProvider } from './EmojiContextProvider';
|
|
3
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
4
3
|
/**
|
|
5
4
|
* EmojiCommonProvider will provide emojiProvider to children,
|
|
6
5
|
* which will be used to access Emoji Resource to find emoji, filter emoji, check if upload is supported, etc.
|
|
@@ -15,18 +14,10 @@ export const EmojiCommonProvider = props => {
|
|
|
15
14
|
emojiProvider: props.emojiProvider
|
|
16
15
|
}
|
|
17
16
|
} : undefined, [props.emojiProvider]);
|
|
18
|
-
if (!!emojiContextValue
|
|
17
|
+
if (!!emojiContextValue) {
|
|
19
18
|
return /*#__PURE__*/React.createElement(EmojiContextProvider, {
|
|
20
19
|
emojiContextValue: emojiContextValue
|
|
21
20
|
}, props.children);
|
|
22
|
-
} else if (props.emojiProvider) {
|
|
23
|
-
return /*#__PURE__*/React.createElement(EmojiContextProvider, {
|
|
24
|
-
emojiContextValue: {
|
|
25
|
-
emoji: {
|
|
26
|
-
emojiProvider: props.emojiProvider
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}, props.children);
|
|
30
21
|
} else {
|
|
31
22
|
return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
|
|
32
23
|
}
|
|
@@ -181,16 +181,12 @@ export var ImageEmoji = function ImageEmoji(props) {
|
|
|
181
181
|
height: fitToHeight
|
|
182
182
|
};
|
|
183
183
|
}
|
|
184
|
-
var
|
|
185
|
-
handleImageError(props, event);
|
|
186
|
-
}, [props]);
|
|
187
|
-
var onErrorV2 = useCallback(function (event) {
|
|
184
|
+
var onError = useCallback(function (event) {
|
|
188
185
|
handleImageError({
|
|
189
186
|
emoji: props.emoji,
|
|
190
187
|
onLoadError: props.onLoadError
|
|
191
188
|
}, event);
|
|
192
189
|
}, [props.emoji, props.onLoadError]);
|
|
193
|
-
var onError = expValEquals('cc_complexit_fe_emoji_stability', 'isEnabled', true) ? onErrorV2 : onErrorV1;
|
|
194
190
|
var onLoad = useCallback(function () {
|
|
195
191
|
var mountedMark = ufoExp.metrics.marks.find(function (mark) {
|
|
196
192
|
return mark.name === UfoEmojiTimings.MOUNTED_END;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import { EmojiContextProvider } from './EmojiContextProvider';
|
|
3
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
4
3
|
/**
|
|
5
4
|
* EmojiCommonProvider will provide emojiProvider to children,
|
|
6
5
|
* which will be used to access Emoji Resource to find emoji, filter emoji, check if upload is supported, etc.
|
|
@@ -17,18 +16,10 @@ export var EmojiCommonProvider = function EmojiCommonProvider(props) {
|
|
|
17
16
|
}
|
|
18
17
|
} : undefined;
|
|
19
18
|
}, [props.emojiProvider]);
|
|
20
|
-
if (!!emojiContextValue
|
|
19
|
+
if (!!emojiContextValue) {
|
|
21
20
|
return /*#__PURE__*/React.createElement(EmojiContextProvider, {
|
|
22
21
|
emojiContextValue: emojiContextValue
|
|
23
22
|
}, props.children);
|
|
24
|
-
} else if (props.emojiProvider) {
|
|
25
|
-
return /*#__PURE__*/React.createElement(EmojiContextProvider, {
|
|
26
|
-
emojiContextValue: {
|
|
27
|
-
emoji: {
|
|
28
|
-
emojiProvider: props.emojiProvider
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}, props.children);
|
|
32
23
|
} else {
|
|
33
24
|
return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
|
|
34
25
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/emoji",
|
|
3
|
-
"version": "69.
|
|
3
|
+
"version": "69.9.0",
|
|
4
4
|
"description": "Fabric emoji React components",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -43,15 +43,13 @@
|
|
|
43
43
|
"@atlaskit/media-client": "^35.6.0",
|
|
44
44
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
45
45
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
46
|
-
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
47
46
|
"@atlaskit/primitives": "^16.4.0",
|
|
48
|
-
"@atlaskit/react-ufo": "^4.15.0",
|
|
49
47
|
"@atlaskit/spinner": "^19.0.0",
|
|
50
48
|
"@atlaskit/textfield": "^8.1.0",
|
|
51
49
|
"@atlaskit/theme": "^21.0.0",
|
|
52
|
-
"@atlaskit/tmp-editor-statsig": "^14.
|
|
50
|
+
"@atlaskit/tmp-editor-statsig": "^14.8.0",
|
|
53
51
|
"@atlaskit/tokens": "^8.4.0",
|
|
54
|
-
"@atlaskit/tooltip": "^20.
|
|
52
|
+
"@atlaskit/tooltip": "^20.11.0",
|
|
55
53
|
"@atlaskit/ufo": "^0.4.0",
|
|
56
54
|
"@atlaskit/util-service-support": "^6.3.0",
|
|
57
55
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
@@ -89,7 +87,7 @@
|
|
|
89
87
|
"enzyme": "^3.10.0",
|
|
90
88
|
"es6-promise": "^4.0.5",
|
|
91
89
|
"fetch-mock": "^8.0.0",
|
|
92
|
-
"jest-axe": "^
|
|
90
|
+
"jest-axe": "^10.0.0",
|
|
93
91
|
"p-wait-for": "^3.2.0",
|
|
94
92
|
"react": "^18.2.0",
|
|
95
93
|
"react-addons-perf": "^15.3.2",
|