@atlaskit/emoji 71.7.9 → 71.8.1

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 (12) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/components/common/ResourcedEmojiComponent.compiled.css +1 -0
  3. package/dist/cjs/components/common/ResourcedEmojiComponent.js +8 -1
  4. package/dist/cjs/util/analytics/analytics.js +1 -1
  5. package/dist/es2019/components/common/ResourcedEmojiComponent.compiled.css +1 -0
  6. package/dist/es2019/components/common/ResourcedEmojiComponent.js +7 -1
  7. package/dist/es2019/util/analytics/analytics.js +1 -1
  8. package/dist/esm/components/common/ResourcedEmojiComponent.compiled.css +1 -0
  9. package/dist/esm/components/common/ResourcedEmojiComponent.js +8 -1
  10. package/dist/esm/util/analytics/analytics.js +1 -1
  11. package/dist/types/components/common/ResourcedEmojiComponent.d.ts +11 -1
  12. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 71.8.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 71.8.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`4b929c7feb46b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4b929c7feb46b) -
14
+ Add support for ignoring the emoji SSR wrapper when rendering resourced emojis.
15
+
3
16
  ## 71.7.9
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/components/common/ResourcedEmojiComponent.compiled.css ADDED
@@ -0,0 +1 @@
1
+ ._1e0c1bgi{display:contents}
package/dist/cjs/components/common/ResourcedEmojiComponent.js CHANGED
@@ -1,3 +1,4 @@
1
+ /* ResourcedEmojiComponent.tsx generated by @compiled/babel-plugin v0.39.1 */
1
2
  "use strict";
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
6
7
  value: true
7
8
  });
8
9
  exports.default = exports.ResourcedEmojiComponent = void 0;
10
+ require("./ResourcedEmojiComponent.compiled.css");
11
+ var _runtime = require("@compiled/react/runtime");
9
12
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
10
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
14
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -25,6 +28,7 @@ var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equa
25
28
  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); }
26
29
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
27
30
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
31
+ var ignoreWrapperStyles = null;
28
32
  var ResourcedEmojiComponentRenderStatesEnum = /*#__PURE__*/function (ResourcedEmojiComponentRenderStatesEnum) {
29
33
  ResourcedEmojiComponentRenderStatesEnum["INITIAL"] = "INITIAL";
30
34
  ResourcedEmojiComponentRenderStatesEnum["FALLBACK"] = "FALLBACK";
@@ -40,6 +44,8 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
40
44
  customFallback = _ref$customFallback === void 0 ? undefined : _ref$customFallback,
41
45
  _ref$fitToHeight = _ref.fitToHeight,
42
46
  fitToHeight = _ref$fitToHeight === void 0 ? _constants.defaultEmojiHeight : _ref$fitToHeight,
47
+ _ref$ignoreWrapper = _ref.ignoreWrapper,
48
+ ignoreWrapper = _ref$ignoreWrapper === void 0 ? false : _ref$ignoreWrapper,
43
49
  _ref$optimistic = _ref.optimistic,
44
50
  optimistic = _ref$optimistic === void 0 ? false : _ref$optimistic,
45
51
  _ref$optimisticImageU = _ref.optimisticImageURL,
@@ -293,7 +299,8 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
293
299
  "data-emoji-short-name": shortName,
294
300
  "data-emoji-text": fallback || shortName,
295
301
  "data-ssr-placeholder": "emoji-".concat(id !== null && id !== void 0 ? id : shortName),
296
- "data-ssr-placeholder-replace": "emoji-".concat(id !== null && id !== void 0 ? id : shortName)
302
+ "data-ssr-placeholder-replace": "emoji-".concat(id !== null && id !== void 0 ? id : shortName),
303
+ className: (0, _runtime.ax)([ignoreWrapper && "_1e0c1bgi"])
297
304
  }, emojiRenderState === ResourcedEmojiComponentRenderStatesEnum.INITIAL && /*#__PURE__*/_react.default.createElement(_EmojiPlaceholder.default, {
298
305
  shortName: shortName,
299
306
  showTooltip: showTooltip,
package/dist/cjs/util/analytics/analytics.js CHANGED
@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
20
20
  actionSubjectId: actionSubjectId,
21
21
  attributes: _objectSpread({
22
22
  packageName: "@atlaskit/emoji",
23
- packageVersion: "71.7.8"
23
+ packageVersion: "71.8.0"
24
24
  }, attributes)
25
25
  };
26
26
  };
package/dist/es2019/components/common/ResourcedEmojiComponent.compiled.css ADDED
@@ -0,0 +1 @@
1
+ ._1e0c1bgi{display:contents}
package/dist/es2019/components/common/ResourcedEmojiComponent.js CHANGED
@@ -1,3 +1,6 @@
1
+ /* ResourcedEmojiComponent.tsx generated by @compiled/babel-plugin v0.39.1 */
2
+ import "./ResourcedEmojiComponent.compiled.css";
3
+ import { ax, ix } from "@compiled/react/runtime";
1
4
  import React, { useCallback, useEffect, useMemo, useState } from 'react';
2
5
  import { defaultEmojiHeight } from '../../util/constants';
3
6
  import { isImageRepresentation, isMediaRepresentation, isPromise } from '../../util/type-helpers';
@@ -10,6 +13,7 @@ import { hasUfoMarked } from '../../util/analytics/ufoExperiences';
10
13
  import { fg } from '@atlaskit/platform-feature-flags';
11
14
  import { emojiIdToEmoji } from '../../util/emojiIdToEmoji';
12
15
  import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
16
+ const ignoreWrapperStyles = null;
13
17
  var ResourcedEmojiComponentRenderStatesEnum = /*#__PURE__*/function (ResourcedEmojiComponentRenderStatesEnum) {
14
18
  ResourcedEmojiComponentRenderStatesEnum["INITIAL"] = "INITIAL";
15
19
  ResourcedEmojiComponentRenderStatesEnum["FALLBACK"] = "FALLBACK";
@@ -22,6 +26,7 @@ export const ResourcedEmojiComponent = ({
22
26
  showTooltip = false,
23
27
  customFallback = undefined,
24
28
  fitToHeight = defaultEmojiHeight,
29
+ ignoreWrapper = false,
25
30
  optimistic = false,
26
31
  optimisticImageURL = undefined,
27
32
  editorEmoji,
@@ -247,7 +252,8 @@ export const ResourcedEmojiComponent = ({
247
252
  "data-emoji-short-name": shortName,
248
253
  "data-emoji-text": fallback || shortName,
249
254
  "data-ssr-placeholder": `emoji-${id !== null && id !== void 0 ? id : shortName}`,
250
- "data-ssr-placeholder-replace": `emoji-${id !== null && id !== void 0 ? id : shortName}`
255
+ "data-ssr-placeholder-replace": `emoji-${id !== null && id !== void 0 ? id : shortName}`,
256
+ className: ax([ignoreWrapper && "_1e0c1bgi"])
251
257
  }, emojiRenderState === ResourcedEmojiComponentRenderStatesEnum.INITIAL && /*#__PURE__*/React.createElement(EmojiPlaceholder, {
252
258
  shortName: shortName,
253
259
  showTooltip: showTooltip,
package/dist/es2019/util/analytics/analytics.js CHANGED
@@ -9,7 +9,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
9
9
  actionSubjectId,
10
10
  attributes: {
11
11
  packageName: "@atlaskit/emoji",
12
- packageVersion: "71.7.8",
12
+ packageVersion: "71.8.0",
13
13
  ...attributes
14
14
  }
15
15
  });
package/dist/esm/components/common/ResourcedEmojiComponent.compiled.css ADDED
@@ -0,0 +1 @@
1
+ ._1e0c1bgi{display:contents}
package/dist/esm/components/common/ResourcedEmojiComponent.js CHANGED
@@ -1,6 +1,9 @@
1
+ /* ResourcedEmojiComponent.tsx generated by @compiled/babel-plugin v0.39.1 */
1
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
3
  import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
3
4
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
5
+ import "./ResourcedEmojiComponent.compiled.css";
6
+ import { ax, ix } from "@compiled/react/runtime";
4
7
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
8
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
9
  import _regeneratorRuntime from "@babel/runtime/regenerator";
@@ -16,6 +19,7 @@ import { hasUfoMarked } from '../../util/analytics/ufoExperiences';
16
19
  import { fg } from '@atlaskit/platform-feature-flags';
17
20
  import { emojiIdToEmoji } from '../../util/emojiIdToEmoji';
18
21
  import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
22
+ var ignoreWrapperStyles = null;
19
23
  var ResourcedEmojiComponentRenderStatesEnum = /*#__PURE__*/function (ResourcedEmojiComponentRenderStatesEnum) {
20
24
  ResourcedEmojiComponentRenderStatesEnum["INITIAL"] = "INITIAL";
21
25
  ResourcedEmojiComponentRenderStatesEnum["FALLBACK"] = "FALLBACK";
@@ -31,6 +35,8 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(_ref) {
31
35
  customFallback = _ref$customFallback === void 0 ? undefined : _ref$customFallback,
32
36
  _ref$fitToHeight = _ref.fitToHeight,
33
37
  fitToHeight = _ref$fitToHeight === void 0 ? defaultEmojiHeight : _ref$fitToHeight,
38
+ _ref$ignoreWrapper = _ref.ignoreWrapper,
39
+ ignoreWrapper = _ref$ignoreWrapper === void 0 ? false : _ref$ignoreWrapper,
34
40
  _ref$optimistic = _ref.optimistic,
35
41
  optimistic = _ref$optimistic === void 0 ? false : _ref$optimistic,
36
42
  _ref$optimisticImageU = _ref.optimisticImageURL,
@@ -284,7 +290,8 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(_ref) {
284
290
  "data-emoji-short-name": shortName,
285
291
  "data-emoji-text": fallback || shortName,
286
292
  "data-ssr-placeholder": "emoji-".concat(id !== null && id !== void 0 ? id : shortName),
287
- "data-ssr-placeholder-replace": "emoji-".concat(id !== null && id !== void 0 ? id : shortName)
293
+ "data-ssr-placeholder-replace": "emoji-".concat(id !== null && id !== void 0 ? id : shortName),
294
+ className: ax([ignoreWrapper && "_1e0c1bgi"])
288
295
  }, emojiRenderState === ResourcedEmojiComponentRenderStatesEnum.INITIAL && /*#__PURE__*/React.createElement(EmojiPlaceholder, {
289
296
  shortName: shortName,
290
297
  showTooltip: showTooltip,
package/dist/esm/util/analytics/analytics.js CHANGED
@@ -14,7 +14,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
14
14
  actionSubjectId: actionSubjectId,
15
15
  attributes: _objectSpread({
16
16
  packageName: "@atlaskit/emoji",
17
- packageVersion: "71.7.8"
17
+ packageVersion: "71.8.0"
18
18
  }, attributes)
19
19
  };
20
20
  };
package/dist/types/components/common/ResourcedEmojiComponent.d.ts CHANGED
@@ -1,3 +1,8 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ * @jsxFrag React.Fragment
5
+ */
1
6
  import React from 'react';
2
7
  import type { StrictXCSSProp } from '@atlaskit/css';
3
8
  import type { EmojiProvider } from '../../api/EmojiResource';
@@ -27,6 +32,11 @@ export interface BaseResourcedEmojiProps {
27
32
  * Defaults to `undefined`.
28
33
  */
29
34
  fitToHeight?: number;
35
+ /**
36
+ * Ignores the SSR wrapper when laying out the emoji.
37
+ * Defaults to `false`.
38
+ */
39
+ ignoreWrapper?: boolean;
30
40
  /**
31
41
  * Optimistic will call the fetch interface first and not wait for the entire emoji collection
32
42
  * to be available before rendering. This is useful for views or pages that show a select set of
@@ -75,5 +85,5 @@ export interface Props extends BaseResourcedEmojiProps {
75
85
  */
76
86
  onEmojiLoadSuccess?: EmojiLoadSuccessCallback;
77
87
  }
78
- export declare const ResourcedEmojiComponent: ({ emojiProvider, emojiId, showTooltip, customFallback, fitToHeight, optimistic, optimisticImageURL, editorEmoji, renderUnicodeEmojiAsImage, pageTitleEmoji, placeholderXcss, onEmojiLoadSuccess, onEmojiLoadFail, }: Props) => React.JSX.Element;
88
+ export declare const ResourcedEmojiComponent: ({ emojiProvider, emojiId, showTooltip, customFallback, fitToHeight, ignoreWrapper, optimistic, optimisticImageURL, editorEmoji, renderUnicodeEmojiAsImage, pageTitleEmoji, placeholderXcss, onEmojiLoadSuccess, onEmojiLoadFail, }: Props) => React.JSX.Element;
79
89
  export default ResourcedEmojiComponent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "71.7.9",
3
+ "version": "71.8.1",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
37
37
  "@atlaskit/feature-gate-js-client": "^6.0.0",
38
38
  "@atlaskit/form": "^16.1.0",
39
39
  "@atlaskit/heading": "^6.2.0",
40
- "@atlaskit/icon": "^36.2.0",
40
+ "@atlaskit/icon": "^37.0.0",
41
41
  "@atlaskit/icon-lab": "^7.3.0",
42
42
  "@atlaskit/image": "^4.1.0",
43
43
  "@atlaskit/logo": "^21.4.0",
@@ -50,7 +50,7 @@
50
50
  "@atlaskit/spinner": "^20.1.0",
51
51
  "@atlaskit/textfield": "^9.1.0",
52
52
  "@atlaskit/theme": "^26.1.0",
53
- "@atlaskit/tmp-editor-statsig": "^124.0.0",
53
+ "@atlaskit/tmp-editor-statsig": "^124.1.0",
54
54
  "@atlaskit/tokens": "^15.5.0",
55
55
  "@atlaskit/tooltip": "^23.1.0",
56
56
  "@atlaskit/ufo": "^1.0.0",
@@ -78,7 +78,7 @@
78
78
  "@atlaskit/media-core": "^38.0.0",
79
79
  "@atlaskit/ssr": "workspace:^",
80
80
  "@atlassian/a11y-jest-testing": "^0.13.0",
81
- "@atlassian/feature-flags-test-utils": "^1.1.0",
81
+ "@atlassian/feature-flags-test-utils": "^1.2.0",
82
82
  "@emotion/jest": "^11.8.0",
83
83
  "@testing-library/dom": "^10.1.0",
84
84
  "@testing-library/jest-dom": "^6.4.5",