@atlaskit/emoji 67.7.6 → 67.7.7

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 (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/common/ResourcedEmojiComponent.js +2 -2
  3. package/dist/cjs/util/analytics/analytics.js +1 -1
  4. package/dist/es2019/components/common/ResourcedEmojiComponent.js +2 -2
  5. package/dist/es2019/util/analytics/analytics.js +1 -1
  6. package/dist/esm/components/common/ResourcedEmojiComponent.js +2 -2
  7. package/dist/esm/util/analytics/analytics.js +1 -1
  8. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 67.7.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [#134115](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/134115)
8
+ [`bc9c5492e63b5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bc9c5492e63b5) -
9
+ Reduce emoji rerender by adding useCallback
10
+
3
11
  ## 67.7.6
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/components/common/ResourcedEmojiComponent.js CHANGED
@@ -196,7 +196,7 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
196
196
  }
197
197
  return emoji;
198
198
  }, [emoji, optimisticImageURL, fallback, fitToHeight, id, shortName]);
199
- var handleOnLoadError = function handleOnLoadError(emojiId) {
199
+ var handleOnLoadError = (0, _react.useCallback)(function (emojiId) {
200
200
  setImageLoadError(true);
201
201
  (0, _analytics.sampledUfoRenderedEmoji)(emojiId).failure({
202
202
  metadata: {
@@ -205,7 +205,7 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
205
205
  emojiId: emojiId.id
206
206
  }
207
207
  });
208
- };
208
+ }, []);
209
209
  return /*#__PURE__*/_react.default.createElement(_EmojiCommonProvider.EmojiCommonProvider, {
210
210
  emojiProvider: resolvedEmojiProvider
211
211
  }, /*#__PURE__*/_react.default.createElement("span", {
package/dist/cjs/util/analytics/analytics.js 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.7.6"
22
+ packageVersion: "67.7.7"
23
23
  }, attributes)
24
24
  };
25
25
  };
package/dist/es2019/components/common/ResourcedEmojiComponent.js CHANGED
@@ -152,7 +152,7 @@ export const ResourcedEmojiComponent = props => {
152
152
  }
153
153
  return emoji;
154
154
  }, [emoji, optimisticImageURL, fallback, fitToHeight, id, shortName]);
155
- const handleOnLoadError = emojiId => {
155
+ const handleOnLoadError = useCallback(emojiId => {
156
156
  setImageLoadError(true);
157
157
  sampledUfoRenderedEmoji(emojiId).failure({
158
158
  metadata: {
@@ -161,7 +161,7 @@ export const ResourcedEmojiComponent = props => {
161
161
  emojiId: emojiId.id
162
162
  }
163
163
  });
164
- };
164
+ }, []);
165
165
  return /*#__PURE__*/React.createElement(EmojiCommonProvider, {
166
166
  emojiProvider: resolvedEmojiProvider
167
167
  }, /*#__PURE__*/React.createElement("span", {
package/dist/es2019/util/analytics/analytics.js CHANGED
@@ -7,7 +7,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
7
7
  actionSubjectId,
8
8
  attributes: {
9
9
  packageName: "@atlaskit/emoji",
10
- packageVersion: "67.7.6",
10
+ packageVersion: "67.7.7",
11
11
  ...attributes
12
12
  }
13
13
  });
package/dist/esm/components/common/ResourcedEmojiComponent.js CHANGED
@@ -186,7 +186,7 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(props) {
186
186
  }
187
187
  return emoji;
188
188
  }, [emoji, optimisticImageURL, fallback, fitToHeight, id, shortName]);
189
- var handleOnLoadError = function handleOnLoadError(emojiId) {
189
+ var handleOnLoadError = useCallback(function (emojiId) {
190
190
  setImageLoadError(true);
191
191
  sampledUfoRenderedEmoji(emojiId).failure({
192
192
  metadata: {
@@ -195,7 +195,7 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(props) {
195
195
  emojiId: emojiId.id
196
196
  }
197
197
  });
198
- };
198
+ }, []);
199
199
  return /*#__PURE__*/React.createElement(EmojiCommonProvider, {
200
200
  emojiProvider: resolvedEmojiProvider
201
201
  }, /*#__PURE__*/React.createElement("span", {
package/dist/esm/util/analytics/analytics.js CHANGED
@@ -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.7.6"
15
+ packageVersion: "67.7.7"
16
16
  }, attributes)
17
17
  };
18
18
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "67.7.6",
3
+ "version": "67.7.7",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -38,15 +38,15 @@
38
38
  },
39
39
  "dependencies": {
40
40
  "@atlaskit/analytics-next": "^10.1.0",
41
- "@atlaskit/button": "^20.0.0",
42
- "@atlaskit/icon": "^22.13.0",
43
- "@atlaskit/media-client": "^27.3.0",
44
- "@atlaskit/media-client-react": "^2.0.0",
41
+ "@atlaskit/button": "^20.1.0",
42
+ "@atlaskit/icon": "^22.15.0",
43
+ "@atlaskit/media-client": "^27.6.0",
44
+ "@atlaskit/media-client-react": "^2.2.0",
45
45
  "@atlaskit/primitives": "^12.0.0",
46
46
  "@atlaskit/spinner": "^16.3.0",
47
47
  "@atlaskit/textfield": "^6.5.0",
48
48
  "@atlaskit/theme": "^13.0.0",
49
- "@atlaskit/tokens": "^1.58.0",
49
+ "@atlaskit/tokens": "^1.59.0",
50
50
  "@atlaskit/tooltip": "^18.7.0",
51
51
  "@atlaskit/ufo": "^0.3.0",
52
52
  "@atlaskit/util-service-support": "^6.2.0",
@@ -71,7 +71,7 @@
71
71
  "@af/integration-testing": "*",
72
72
  "@af/visual-regression": "*",
73
73
  "@atlaskit/elements-test-helpers": "^0.7.0",
74
- "@atlaskit/media-core": "^34.2.0",
74
+ "@atlaskit/media-core": "^34.3.0",
75
75
  "@atlaskit/ssr": "*",
76
76
  "@atlaskit/visual-regression": "*",
77
77
  "@emotion/jest": "^11.8.0",
@@ -96,7 +96,7 @@
96
96
  "sinon": "^2.2.0",
97
97
  "typescript": "~5.4.2",
98
98
  "wait-for-expect": "^1.2.0",
99
- "webpack-dev-server": "^4.11.1"
99
+ "webpack-dev-server": "^4.15.2"
100
100
  },
101
101
  "keywords": [
102
102
  "fabric",