@atlaskit/emoji 69.3.2 → 69.3.4
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 +12 -0
- package/dist/cjs/components/common/EmojiPlaceholder.compiled.css +2 -13
- package/dist/cjs/components/common/EmojiPlaceholder.js +4 -12
- package/dist/cjs/util/analytics/analytics.js +1 -1
- package/dist/es2019/components/common/EmojiPlaceholder.compiled.css +2 -13
- package/dist/es2019/components/common/EmojiPlaceholder.js +1 -4
- package/dist/es2019/util/analytics/analytics.js +1 -1
- package/dist/esm/components/common/EmojiPlaceholder.compiled.css +2 -13
- package/dist/esm/components/common/EmojiPlaceholder.js +4 -11
- package/dist/esm/util/analytics/analytics.js +1 -1
- package/package.json +7 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,24 +1,13 @@
|
|
|
1
1
|
|
|
2
|
-
._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}.
|
|
3
|
-
._18m915vq{overflow-y:hidden}
|
|
2
|
+
._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._18m915vq{overflow-y:hidden}
|
|
4
3
|
._18u0idpf{margin-left:0}
|
|
5
4
|
._19pk1n1a{margin-top:-1px}
|
|
6
|
-
._1cs8stnw:before{position:absolute}
|
|
7
5
|
._1e0c1o8l{display:inline-block}
|
|
8
|
-
._1kt9b3bt:before{content:""}
|
|
9
|
-
._1mp41osq:before{width:100%}
|
|
10
6
|
._1reo15vq{overflow-x:hidden}
|
|
11
|
-
._1ruskq2v:before{background-color:var(--_12ncegi)}
|
|
12
7
|
._2hwxidpf{margin-right:0}
|
|
13
8
|
._bfhkttw1{background-color:var(--ds-border,#f7f7f7)}
|
|
14
|
-
._cfu11ule:before{display:block}
|
|
15
|
-
._evp612c5:before{animation-iteration-count:infinite}
|
|
16
|
-
._joxl9cwz:before{animation-duration:1s}
|
|
17
|
-
._kfgt1osq:before{height:100%}
|
|
18
9
|
._kqswh2mm{position:relative}
|
|
19
10
|
._o5721q9c{white-space:nowrap}
|
|
20
11
|
._otyr1n1a{margin-bottom:-1px}
|
|
21
12
|
._s7n4nkob{vertical-align:middle}
|
|
22
|
-
._y3gn1h6o{text-align:center}
|
|
23
|
-
._zo24167c:before{animation-timing-function:cubic-bezier(.4,0,.2,1)}
|
|
24
|
-
@keyframes k1mgd8jj{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}
|
|
13
|
+
._y3gn1h6o{text-align:center}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/* EmojiPlaceholder.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
5
|
Object.defineProperty(exports, "__esModule", {
|
|
7
6
|
value: true
|
|
@@ -10,17 +9,11 @@ exports.emojiPlaceholderTestId = exports.default = void 0;
|
|
|
10
9
|
require("./EmojiPlaceholder.compiled.css");
|
|
11
10
|
var React = _interopRequireWildcard(require("react"));
|
|
12
11
|
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
12
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
16
13
|
var _constants = require("../../util/constants");
|
|
17
14
|
var _styles = require("./styles");
|
|
18
15
|
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); }
|
|
19
|
-
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; }
|
|
20
|
-
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; }
|
|
21
16
|
var placeholderContainer = null;
|
|
22
|
-
var easeSweep = null;
|
|
23
|
-
var placeholderContainerAnimated = null;
|
|
24
17
|
var emojiPlaceholderTestId = exports.emojiPlaceholderTestId = function emojiPlaceholderTestId(shortName) {
|
|
25
18
|
return "emoji-placeholder-".concat(shortName);
|
|
26
19
|
};
|
|
@@ -58,11 +51,10 @@ var EmojiPlaceholder = function EmojiPlaceholder(props) {
|
|
|
58
51
|
"aria-label": shortName
|
|
59
52
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
60
53
|
,
|
|
61
|
-
className: (0, _runtime.ax)(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o",
|
|
62
|
-
|
|
63
|
-
style:
|
|
64
|
-
|
|
65
|
-
})
|
|
54
|
+
className: (0, _runtime.ax)(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", [_styles.placeholder, (0, _platformFeatureFlags.fg)('platform_reactions_placeholder_custom_background') ? xcss : ''].join(' ')]),
|
|
55
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
56
|
+
style: style,
|
|
57
|
+
title: showTooltip ? shortName : ''
|
|
66
58
|
});
|
|
67
59
|
};
|
|
68
60
|
var _default = exports.default = EmojiPlaceholder;
|
|
@@ -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: "69.3.
|
|
23
|
+
packageVersion: "69.3.3"
|
|
24
24
|
}, attributes)
|
|
25
25
|
};
|
|
26
26
|
};
|
|
@@ -1,24 +1,13 @@
|
|
|
1
1
|
|
|
2
|
-
._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}.
|
|
3
|
-
._18m915vq{overflow-y:hidden}
|
|
2
|
+
._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._18m915vq{overflow-y:hidden}
|
|
4
3
|
._18u0idpf{margin-left:0}
|
|
5
4
|
._19pk1n1a{margin-top:-1px}
|
|
6
|
-
._1cs8stnw:before{position:absolute}
|
|
7
5
|
._1e0c1o8l{display:inline-block}
|
|
8
|
-
._1kt9b3bt:before{content:""}
|
|
9
|
-
._1mp41osq:before{width:100%}
|
|
10
6
|
._1reo15vq{overflow-x:hidden}
|
|
11
|
-
._1rus1j54:before{background-color:var(--ds-background-neutral,rgba(9,30,66,.04))}
|
|
12
7
|
._2hwxidpf{margin-right:0}
|
|
13
8
|
._bfhkttw1{background-color:var(--ds-border,#f7f7f7)}
|
|
14
|
-
._cfu11ule:before{display:block}
|
|
15
|
-
._evp612c5:before{animation-iteration-count:infinite}
|
|
16
|
-
._joxl9cwz:before{animation-duration:1s}
|
|
17
|
-
._kfgt1osq:before{height:100%}
|
|
18
9
|
._kqswh2mm{position:relative}
|
|
19
10
|
._o5721q9c{white-space:nowrap}
|
|
20
11
|
._otyr1n1a{margin-bottom:-1px}
|
|
21
12
|
._s7n4nkob{vertical-align:middle}
|
|
22
|
-
._y3gn1h6o{text-align:center}
|
|
23
|
-
._zo24167c:before{animation-timing-function:cubic-bezier(.4,0,.2,1)}
|
|
24
|
-
@keyframes k1mgd8jj{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}
|
|
13
|
+
._y3gn1h6o{text-align:center}
|
|
@@ -3,12 +3,9 @@ import "./EmojiPlaceholder.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
|
-
import { N20A } from '@atlaskit/theme/colors';
|
|
7
6
|
import { defaultEmojiHeight } from '../../util/constants';
|
|
8
7
|
import { placeholder } from './styles';
|
|
9
8
|
const placeholderContainer = null;
|
|
10
|
-
const easeSweep = null;
|
|
11
|
-
const placeholderContainerAnimated = null;
|
|
12
9
|
export const emojiPlaceholderTestId = shortName => `emoji-placeholder-${shortName}`;
|
|
13
10
|
const EmojiPlaceholder = props => {
|
|
14
11
|
const {
|
|
@@ -44,7 +41,7 @@ const EmojiPlaceholder = props => {
|
|
|
44
41
|
"aria-label": shortName
|
|
45
42
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
46
43
|
,
|
|
47
|
-
className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o",
|
|
44
|
+
className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", [placeholder, fg('platform_reactions_placeholder_custom_background') ? xcss : ''].join(' ')]),
|
|
48
45
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
49
46
|
style: style,
|
|
50
47
|
title: showTooltip ? shortName : ''
|
|
@@ -1,24 +1,13 @@
|
|
|
1
1
|
|
|
2
|
-
._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}.
|
|
3
|
-
._18m915vq{overflow-y:hidden}
|
|
2
|
+
._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._18m915vq{overflow-y:hidden}
|
|
4
3
|
._18u0idpf{margin-left:0}
|
|
5
4
|
._19pk1n1a{margin-top:-1px}
|
|
6
|
-
._1cs8stnw:before{position:absolute}
|
|
7
5
|
._1e0c1o8l{display:inline-block}
|
|
8
|
-
._1kt9b3bt:before{content:""}
|
|
9
|
-
._1mp41osq:before{width:100%}
|
|
10
6
|
._1reo15vq{overflow-x:hidden}
|
|
11
|
-
._1ruskq2v:before{background-color:var(--_12ncegi)}
|
|
12
7
|
._2hwxidpf{margin-right:0}
|
|
13
8
|
._bfhkttw1{background-color:var(--ds-border,#f7f7f7)}
|
|
14
|
-
._cfu11ule:before{display:block}
|
|
15
|
-
._evp612c5:before{animation-iteration-count:infinite}
|
|
16
|
-
._joxl9cwz:before{animation-duration:1s}
|
|
17
|
-
._kfgt1osq:before{height:100%}
|
|
18
9
|
._kqswh2mm{position:relative}
|
|
19
10
|
._o5721q9c{white-space:nowrap}
|
|
20
11
|
._otyr1n1a{margin-bottom:-1px}
|
|
21
12
|
._s7n4nkob{vertical-align:middle}
|
|
22
|
-
._y3gn1h6o{text-align:center}
|
|
23
|
-
._zo24167c:before{animation-timing-function:cubic-bezier(.4,0,.2,1)}
|
|
24
|
-
@keyframes k1mgd8jj{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}
|
|
13
|
+
._y3gn1h6o{text-align:center}
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
/* EmojiPlaceholder.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
2
|
import "./EmojiPlaceholder.compiled.css";
|
|
4
3
|
import * as React from 'react';
|
|
5
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
-
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; }
|
|
7
|
-
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; }
|
|
8
5
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
|
-
import { N20A } from '@atlaskit/theme/colors';
|
|
10
6
|
import { defaultEmojiHeight } from '../../util/constants';
|
|
11
7
|
import { placeholder } from './styles';
|
|
12
8
|
var placeholderContainer = null;
|
|
13
|
-
var easeSweep = null;
|
|
14
|
-
var placeholderContainerAnimated = null;
|
|
15
9
|
export var emojiPlaceholderTestId = function emojiPlaceholderTestId(shortName) {
|
|
16
10
|
return "emoji-placeholder-".concat(shortName);
|
|
17
11
|
};
|
|
@@ -49,11 +43,10 @@ var EmojiPlaceholder = function EmojiPlaceholder(props) {
|
|
|
49
43
|
"aria-label": shortName
|
|
50
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
51
45
|
,
|
|
52
|
-
className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o",
|
|
53
|
-
|
|
54
|
-
style:
|
|
55
|
-
|
|
56
|
-
})
|
|
46
|
+
className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", [placeholder, fg('platform_reactions_placeholder_custom_background') ? xcss : ''].join(' ')]),
|
|
47
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
48
|
+
style: style,
|
|
49
|
+
title: showTooltip ? shortName : ''
|
|
57
50
|
});
|
|
58
51
|
};
|
|
59
52
|
export default EmojiPlaceholder;
|
|
@@ -13,7 +13,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
|
|
|
13
13
|
actionSubjectId: actionSubjectId,
|
|
14
14
|
attributes: _objectSpread({
|
|
15
15
|
packageName: "@atlaskit/emoji",
|
|
16
|
-
packageVersion: "69.3.
|
|
16
|
+
packageVersion: "69.3.3"
|
|
17
17
|
}, attributes)
|
|
18
18
|
};
|
|
19
19
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/emoji",
|
|
3
|
-
"version": "69.3.
|
|
3
|
+
"version": "69.3.4",
|
|
4
4
|
"description": "Fabric emoji React components",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -37,19 +37,19 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
39
39
|
"@atlaskit/button": "^23.2.0",
|
|
40
|
-
"@atlaskit/css": "^0.
|
|
40
|
+
"@atlaskit/css": "^0.12.0",
|
|
41
41
|
"@atlaskit/heading": "^5.2.0",
|
|
42
|
-
"@atlaskit/icon": "^27.
|
|
43
|
-
"@atlaskit/media-client": "^34.
|
|
42
|
+
"@atlaskit/icon": "^27.2.0",
|
|
43
|
+
"@atlaskit/media-client": "^34.2.0",
|
|
44
44
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
45
45
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags-react": "^0.2.0",
|
|
47
|
-
"@atlaskit/primitives": "^14.
|
|
48
|
-
"@atlaskit/react-ufo": "^3.
|
|
47
|
+
"@atlaskit/primitives": "^14.10.0",
|
|
48
|
+
"@atlaskit/react-ufo": "^3.14.0",
|
|
49
49
|
"@atlaskit/spinner": "^18.0.0",
|
|
50
50
|
"@atlaskit/textfield": "^8.0.0",
|
|
51
51
|
"@atlaskit/theme": "^18.0.0",
|
|
52
|
-
"@atlaskit/tokens": "^5.
|
|
52
|
+
"@atlaskit/tokens": "^5.4.0",
|
|
53
53
|
"@atlaskit/tooltip": "^20.3.0",
|
|
54
54
|
"@atlaskit/ufo": "^0.4.0",
|
|
55
55
|
"@atlaskit/util-service-support": "^6.3.0",
|
|
@@ -87,7 +87,6 @@
|
|
|
87
87
|
"@types/js-search": "^1.4.0",
|
|
88
88
|
"dotenv": "^8.2.0",
|
|
89
89
|
"enzyme": "^3.10.0",
|
|
90
|
-
"enzyme-adapter-react-16": "^1.15.1",
|
|
91
90
|
"es6-promise": "^4.0.5",
|
|
92
91
|
"fetch-mock": "^8.0.0",
|
|
93
92
|
"jest-axe": "^8.0.0",
|
|
@@ -136,9 +135,6 @@
|
|
|
136
135
|
"platform_editor_react18_elements_emoji_jira_bb": {
|
|
137
136
|
"type": "boolean"
|
|
138
137
|
},
|
|
139
|
-
"cc_complexit_fe_remove_emoji_animation": {
|
|
140
|
-
"type": "boolean"
|
|
141
|
-
},
|
|
142
138
|
"should-render-to-parent-should-be-true-editor-coll": {
|
|
143
139
|
"type": "boolean"
|
|
144
140
|
},
|