@atlaskit/emoji 69.10.1 → 69.10.2
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/afm-cc/tsconfig.json +1 -1
- package/afm-products/tsconfig.json +1 -1
- package/dist/cjs/components/common/EmojiDeletePreview.compiled.css +1 -1
- package/dist/cjs/components/common/EmojiDeletePreview.js +1 -1
- package/dist/cjs/components/common/EmojiPreviewComponent.compiled.css +2 -2
- package/dist/cjs/components/common/EmojiPreviewComponent.js +1 -1
- package/dist/cjs/components/common/EmojiUploadPicker.compiled.css +2 -2
- package/dist/cjs/components/common/EmojiUploadPicker.js +2 -2
- package/dist/cjs/components/common/ResourcedEmojiComponent.js +2 -2
- package/dist/cjs/components/picker/EmojiPickerCategoryHeading.compiled.css +1 -1
- package/dist/cjs/components/picker/EmojiPickerCategoryHeading.js +1 -1
- package/dist/cjs/components/picker/EmojiPickerListSearch.compiled.css +1 -1
- package/dist/cjs/components/picker/EmojiPickerListSearch.js +1 -1
- package/dist/cjs/util/analytics/analytics.js +1 -1
- package/dist/es2019/components/common/EmojiDeletePreview.compiled.css +1 -1
- package/dist/es2019/components/common/EmojiDeletePreview.js +1 -1
- package/dist/es2019/components/common/EmojiPreviewComponent.compiled.css +2 -2
- package/dist/es2019/components/common/EmojiPreviewComponent.js +1 -1
- package/dist/es2019/components/common/EmojiUploadPicker.compiled.css +2 -2
- package/dist/es2019/components/common/EmojiUploadPicker.js +2 -2
- package/dist/es2019/components/common/ResourcedEmojiComponent.js +2 -2
- package/dist/es2019/components/picker/EmojiPickerCategoryHeading.compiled.css +1 -1
- package/dist/es2019/components/picker/EmojiPickerCategoryHeading.js +1 -1
- package/dist/es2019/components/picker/EmojiPickerListSearch.compiled.css +1 -1
- package/dist/es2019/components/picker/EmojiPickerListSearch.js +1 -1
- package/dist/es2019/util/analytics/analytics.js +1 -1
- package/dist/esm/components/common/EmojiDeletePreview.compiled.css +1 -1
- package/dist/esm/components/common/EmojiDeletePreview.js +1 -1
- package/dist/esm/components/common/EmojiPreviewComponent.compiled.css +2 -2
- package/dist/esm/components/common/EmojiPreviewComponent.js +1 -1
- package/dist/esm/components/common/EmojiUploadPicker.compiled.css +2 -2
- package/dist/esm/components/common/EmojiUploadPicker.js +2 -2
- package/dist/esm/components/common/ResourcedEmojiComponent.js +2 -2
- package/dist/esm/components/picker/EmojiPickerCategoryHeading.compiled.css +1 -1
- package/dist/esm/components/picker/EmojiPickerCategoryHeading.js +1 -1
- package/dist/esm/components/picker/EmojiPickerListSearch.compiled.css +1 -1
- package/dist/esm/components/picker/EmojiPickerListSearch.js +1 -1
- package/dist/esm/util/analytics/analytics.js +1 -1
- package/docs/0-intro.tsx +2 -1
- package/docs/1-resourced-emoji.tsx +2 -1
- package/docs/2-emoji-picker.tsx +2 -1
- package/docs/3-typeahead.tsx +2 -1
- package/docs/4-emoji-provider.tsx +2 -1
- package/package.json +6 -10
- package/build/tsconfig.json +0 -23
package/CHANGELOG.md
CHANGED
package/afm-cc/tsconfig.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
3
3
|
._19l3zwfg img{max-height:2pc}
|
|
4
4
|
._1bah1yb4{justify-content:space-between}
|
|
@@ -109,7 +109,7 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
|
|
|
109
109
|
emojiShortName: emoji.shortName
|
|
110
110
|
}
|
|
111
111
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
112
|
-
className: (0, _runtime.ax)(["
|
|
112
|
+
className: (0, _runtime.ax)(["_11c8fhey _1e0c1txw _4t3i1ylp _4cvr1h6o _1bah1yb4 _19l3zwfg _rtyst9kd _m73io7ol _1txf1igg _1qz31b66"])
|
|
113
113
|
}, /*#__PURE__*/React.createElement(_CachingEmoji.default, {
|
|
114
114
|
emoji: emoji
|
|
115
115
|
}), /*#__PURE__*/React.createElement("div", {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
._10hwfhey:first-of-type{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._118didpf span[role=img]>img{padding-bottom:0}
|
|
4
4
|
._12s6idpf .emoji-common-emoji-sprite{padding-top:0}
|
|
5
5
|
._16jlkb7n{flex-grow:1}
|
|
@@ -35,7 +35,7 @@ var EmojiPreviewComponent = exports.EmojiPreviewComponent = function EmojiPrevie
|
|
|
35
35
|
"--_5xk3r4": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N900, ")"))
|
|
36
36
|
}
|
|
37
37
|
}, emoji.name), /*#__PURE__*/React.createElement("div", {
|
|
38
|
-
className: (0, _runtime.ax)(["
|
|
38
|
+
className: (0, _runtime.ax)(["_11c8rymc _1reo15vq _18m915vq _1e0c1ule _syaz121t _vwz4kb7n _otyr1i6y _n3tdv77o _1bto1l2s _o5721q9c _10hwfhey _pnmbovqm"]),
|
|
39
39
|
style: {
|
|
40
40
|
"--_1pseksa": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N400, ")")),
|
|
41
41
|
"--_5xk3r4": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N900, ")"))
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._scffidpf input{border:0}
|
|
4
4
|
._16jlkb7n{flex-grow:1}
|
|
5
5
|
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
@@ -84,10 +84,10 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
|
|
|
84
84
|
"data-testid": uploadEmojiComponentTestId,
|
|
85
85
|
className: (0, _runtime.ax)(["_ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1txw _2lx21bp4 _1bah1b1v"])
|
|
86
86
|
}, /*#__PURE__*/React.createElement("div", {
|
|
87
|
-
className: (0, _runtime.ax)(["
|
|
87
|
+
className: (0, _runtime.ax)(["_11c8rymc _n3tdu2gc _1e0c1txw _1bah1yb4 _4cvresu3"])
|
|
88
88
|
}, /*#__PURE__*/React.createElement("label", {
|
|
89
89
|
htmlFor: "new-emoji-name-input",
|
|
90
|
-
className: (0, _runtime.ax)(["_1w901vvm", "
|
|
90
|
+
className: (0, _runtime.ax)(["_1w901vvm", "_11c8wadc _k48p1pd9"]),
|
|
91
91
|
style: {
|
|
92
92
|
"--_bbz764": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N300, ")"))
|
|
93
93
|
}
|
|
@@ -240,8 +240,8 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
|
|
|
240
240
|
onEmojiLoadSuccess && onEmojiLoadSuccess(emojiId.id);
|
|
241
241
|
}, [onEmojiLoadSuccess]);
|
|
242
242
|
|
|
243
|
-
// use width: auto
|
|
244
|
-
var autoWidth =
|
|
243
|
+
// use width: auto when fitToHeight is defined
|
|
244
|
+
var autoWidth = !!fitToHeight;
|
|
245
245
|
return /*#__PURE__*/_react.default.createElement(_EmojiCommonProvider.EmojiCommonProvider, {
|
|
246
246
|
emojiProvider: resolvedEmojiProvider
|
|
247
247
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
3
3
|
._1p1d1qyh{text-transform:lowercase}
|
|
4
4
|
._299mangw:first-letter{text-transform:uppercase}
|
|
@@ -33,7 +33,7 @@ var EmojiPickerCategoryHeading = function EmojiPickerCategoryHeading(_ref) {
|
|
|
33
33
|
"data-testid": RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID,
|
|
34
34
|
role: "rowheader"
|
|
35
35
|
}, /*#__PURE__*/React.createElement("div", {
|
|
36
|
-
className: (0, _runtime.ax)(["
|
|
36
|
+
className: (0, _runtime.ax)(["_11c8fhey _vchhusvi _syazovqm _ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1p1d1qyh _299mangw"]),
|
|
37
37
|
style: {
|
|
38
38
|
"--_5xk3r4": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N900, ")"))
|
|
39
39
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._12ji1r31{outline-color:currentColor}
|
|
3
3
|
._12y31o36{outline-width:medium}
|
|
4
4
|
._13xeglyw:invalid{box-shadow:none}
|
|
@@ -85,6 +85,6 @@ var EmojiPickerListSearch = exports.EmojiPickerListSearch = function EmojiPicker
|
|
|
85
85
|
testId: emojiPickerSearchTestId,
|
|
86
86
|
ref: textRef,
|
|
87
87
|
isCompact: true,
|
|
88
|
-
className: (0, _runtime.ax)(["
|
|
88
|
+
className: (0, _runtime.ax)(["_11c8fhey _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _syaz1kw7 _80om1kw7 _1q51t94y _y4tize3t _85i5v77o _bozg12x7 _1bsb1osq _13xeglyw _1goxglyw"])
|
|
89
89
|
}));
|
|
90
90
|
};
|
|
@@ -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.10.
|
|
23
|
+
packageVersion: "69.10.1"
|
|
24
24
|
}, attributes)
|
|
25
25
|
};
|
|
26
26
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
3
3
|
._19l3zwfg img{max-height:2pc}
|
|
4
4
|
._1bah1yb4{justify-content:space-between}
|
|
@@ -90,7 +90,7 @@ class EmojiDeletePreview extends Component {
|
|
|
90
90
|
emojiShortName: emoji.shortName
|
|
91
91
|
}
|
|
92
92
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
93
|
-
className: ax(["
|
|
93
|
+
className: ax(["_11c8fhey _1e0c1txw _4t3i1ylp _4cvr1h6o _1bah1yb4 _19l3zwfg _rtyst9kd _m73io7ol _1txf1igg _1qz31b66"])
|
|
94
94
|
}, /*#__PURE__*/React.createElement(CachingEmoji, {
|
|
95
95
|
emoji: emoji
|
|
96
96
|
}), /*#__PURE__*/React.createElement("div", {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
._10hwfhey:first-of-type{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._118didpf span[role=img]>img{padding-bottom:0}
|
|
4
4
|
._12s6idpf .emoji-common-emoji-sprite{padding-top:0}
|
|
5
5
|
._16jlkb7n{flex-grow:1}
|
|
@@ -24,6 +24,6 @@ export const EmojiPreviewComponent = ({
|
|
|
24
24
|
}, emoji.name && /*#__PURE__*/React.createElement("div", {
|
|
25
25
|
className: ax(["_1reo15vq _18m915vq _1e0c1ule _syazj3m3 _1bto1l2s _o5721q9c _299mangw"])
|
|
26
26
|
}, emoji.name), /*#__PURE__*/React.createElement("div", {
|
|
27
|
-
className: ax(["
|
|
27
|
+
className: ax(["_11c8rymc _1reo15vq _18m915vq _1e0c1ule _syaz1a45 _vwz4kb7n _otyr1i6y _n3tdv77o _1bto1l2s _o5721q9c _10hwfhey _pnmbj3m3"])
|
|
28
28
|
}, emoji.shortName)));
|
|
29
29
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._scffidpf input{border:0}
|
|
4
4
|
._16jlkb7n{flex-grow:1}
|
|
5
5
|
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
@@ -75,10 +75,10 @@ const ChooseEmojiFile = /*#__PURE__*/memo(props => {
|
|
|
75
75
|
"data-testid": uploadEmojiComponentTestId,
|
|
76
76
|
className: ax(["_ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1txw _2lx21bp4 _1bah1b1v"])
|
|
77
77
|
}, /*#__PURE__*/React.createElement("div", {
|
|
78
|
-
className: ax(["
|
|
78
|
+
className: ax(["_11c8rymc _n3tdu2gc _1e0c1txw _1bah1yb4 _4cvresu3"])
|
|
79
79
|
}, /*#__PURE__*/React.createElement("label", {
|
|
80
80
|
htmlFor: "new-emoji-name-input",
|
|
81
|
-
className: ax(["_1w901n3s", "
|
|
81
|
+
className: ax(["_1w901n3s", "_11c8wadc _k48p1pd9"])
|
|
82
82
|
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.addCustomEmojiLabel)), /*#__PURE__*/React.createElement("div", {
|
|
83
83
|
className: ax(["_1e0c1txw"])
|
|
84
84
|
}, /*#__PURE__*/React.createElement(AkButton, {
|
|
@@ -194,8 +194,8 @@ export const ResourcedEmojiComponent = ({
|
|
|
194
194
|
onEmojiLoadSuccess && onEmojiLoadSuccess(emojiId.id);
|
|
195
195
|
}, [onEmojiLoadSuccess]);
|
|
196
196
|
|
|
197
|
-
// use width: auto
|
|
198
|
-
const autoWidth =
|
|
197
|
+
// use width: auto when fitToHeight is defined
|
|
198
|
+
const autoWidth = !!fitToHeight;
|
|
199
199
|
return /*#__PURE__*/React.createElement(EmojiCommonProvider, {
|
|
200
200
|
emojiProvider: resolvedEmojiProvider
|
|
201
201
|
}, /*#__PURE__*/React.createElement("span", {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
3
3
|
._1p1d1qyh{text-transform:lowercase}
|
|
4
4
|
._299mangw:first-letter{text-transform:uppercase}
|
|
@@ -25,6 +25,6 @@ const EmojiPickerCategoryHeading = ({
|
|
|
25
25
|
"data-testid": RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID,
|
|
26
26
|
role: "rowheader"
|
|
27
27
|
}, /*#__PURE__*/React.createElement("div", {
|
|
28
|
-
className: ax(["
|
|
28
|
+
className: ax(["_11c8fhey _vchhusvi _syazj3m3 _ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1p1d1qyh _299mangw"])
|
|
29
29
|
}, isMessagesKey(title) ? /*#__PURE__*/React.createElement(FormattedMessage, messages[title]) : title));
|
|
30
30
|
export default EmojiPickerCategoryHeading;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._12ji1r31{outline-color:currentColor}
|
|
3
3
|
._12y31o36{outline-width:medium}
|
|
4
4
|
._13xeglyw:invalid{box-shadow:none}
|
|
@@ -72,6 +72,6 @@ export const EmojiPickerListSearch = props => {
|
|
|
72
72
|
testId: emojiPickerSearchTestId,
|
|
73
73
|
ref: textRef,
|
|
74
74
|
isCompact: true,
|
|
75
|
-
className: ax(["
|
|
75
|
+
className: ax(["_11c8fhey _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _syaz1kw7 _80om1kw7 _1q51t94y _y4tize3t _85i5v77o _bozg12x7 _1bsb1osq _13xeglyw _1goxglyw"])
|
|
76
76
|
}));
|
|
77
77
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
3
3
|
._19l3zwfg img{max-height:2pc}
|
|
4
4
|
._1bah1yb4{justify-content:space-between}
|
|
@@ -100,7 +100,7 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
|
|
|
100
100
|
emojiShortName: emoji.shortName
|
|
101
101
|
}
|
|
102
102
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
103
|
-
className: ax(["
|
|
103
|
+
className: ax(["_11c8fhey _1e0c1txw _4t3i1ylp _4cvr1h6o _1bah1yb4 _19l3zwfg _rtyst9kd _m73io7ol _1txf1igg _1qz31b66"])
|
|
104
104
|
}, /*#__PURE__*/React.createElement(CachingEmoji, {
|
|
105
105
|
emoji: emoji
|
|
106
106
|
}), /*#__PURE__*/React.createElement("div", {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
._10hwfhey:first-of-type{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._118didpf span[role=img]>img{padding-bottom:0}
|
|
4
4
|
._12s6idpf .emoji-common-emoji-sprite{padding-top:0}
|
|
5
5
|
._16jlkb7n{flex-grow:1}
|
|
@@ -26,7 +26,7 @@ export var EmojiPreviewComponent = function EmojiPreviewComponent(_ref) {
|
|
|
26
26
|
"--_5xk3r4": ix("var(--ds-text, ".concat(N900, ")"))
|
|
27
27
|
}
|
|
28
28
|
}, emoji.name), /*#__PURE__*/React.createElement("div", {
|
|
29
|
-
className: ax(["
|
|
29
|
+
className: ax(["_11c8rymc _1reo15vq _18m915vq _1e0c1ule _syaz121t _vwz4kb7n _otyr1i6y _n3tdv77o _1bto1l2s _o5721q9c _10hwfhey _pnmbovqm"]),
|
|
30
30
|
style: {
|
|
31
31
|
"--_1pseksa": ix("var(--ds-text-subtle, ".concat(N400, ")")),
|
|
32
32
|
"--_5xk3r4": ix("var(--ds-text, ".concat(N900, ")"))
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._scffidpf input{border:0}
|
|
4
4
|
._16jlkb7n{flex-grow:1}
|
|
5
5
|
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
@@ -75,10 +75,10 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
|
|
|
75
75
|
"data-testid": uploadEmojiComponentTestId,
|
|
76
76
|
className: ax(["_ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1txw _2lx21bp4 _1bah1b1v"])
|
|
77
77
|
}, /*#__PURE__*/React.createElement("div", {
|
|
78
|
-
className: ax(["
|
|
78
|
+
className: ax(["_11c8rymc _n3tdu2gc _1e0c1txw _1bah1yb4 _4cvresu3"])
|
|
79
79
|
}, /*#__PURE__*/React.createElement("label", {
|
|
80
80
|
htmlFor: "new-emoji-name-input",
|
|
81
|
-
className: ax(["_1w901vvm", "
|
|
81
|
+
className: ax(["_1w901vvm", "_11c8wadc _k48p1pd9"]),
|
|
82
82
|
style: {
|
|
83
83
|
"--_bbz764": ix("var(--ds-text-subtle, ".concat(N300, ")"))
|
|
84
84
|
}
|
|
@@ -231,8 +231,8 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(_ref) {
|
|
|
231
231
|
onEmojiLoadSuccess && onEmojiLoadSuccess(emojiId.id);
|
|
232
232
|
}, [onEmojiLoadSuccess]);
|
|
233
233
|
|
|
234
|
-
// use width: auto
|
|
235
|
-
var autoWidth =
|
|
234
|
+
// use width: auto when fitToHeight is defined
|
|
235
|
+
var autoWidth = !!fitToHeight;
|
|
236
236
|
return /*#__PURE__*/React.createElement(EmojiCommonProvider, {
|
|
237
237
|
emojiProvider: resolvedEmojiProvider
|
|
238
238
|
}, /*#__PURE__*/React.createElement("span", {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
3
3
|
._1p1d1qyh{text-transform:lowercase}
|
|
4
4
|
._299mangw:first-letter{text-transform:uppercase}
|
|
@@ -25,7 +25,7 @@ var EmojiPickerCategoryHeading = function EmojiPickerCategoryHeading(_ref) {
|
|
|
25
25
|
"data-testid": RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID,
|
|
26
26
|
role: "rowheader"
|
|
27
27
|
}, /*#__PURE__*/React.createElement("div", {
|
|
28
|
-
className: ax(["
|
|
28
|
+
className: ax(["_11c8fhey _vchhusvi _syazovqm _ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1p1d1qyh _299mangw"]),
|
|
29
29
|
style: {
|
|
30
30
|
"--_5xk3r4": ix("var(--ds-text, ".concat(N900, ")"))
|
|
31
31
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._12ji1r31{outline-color:currentColor}
|
|
3
3
|
._12y31o36{outline-width:medium}
|
|
4
4
|
._13xeglyw:invalid{box-shadow:none}
|
|
@@ -76,6 +76,6 @@ export var EmojiPickerListSearch = function EmojiPickerListSearch(props) {
|
|
|
76
76
|
testId: emojiPickerSearchTestId,
|
|
77
77
|
ref: textRef,
|
|
78
78
|
isCompact: true,
|
|
79
|
-
className: ax(["
|
|
79
|
+
className: ax(["_11c8fhey _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _syaz1kw7 _80om1kw7 _1q51t94y _y4tize3t _85i5v77o _bozg12x7 _1bsb1osq _13xeglyw _1goxglyw"])
|
|
80
80
|
}));
|
|
81
81
|
};
|
|
@@ -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.10.
|
|
16
|
+
packageVersion: "69.10.1"
|
|
17
17
|
}, attributes)
|
|
18
18
|
};
|
|
19
19
|
};
|
package/docs/0-intro.tsx
CHANGED
|
@@ -7,7 +7,7 @@ import { Text } from '@atlaskit/primitives/compiled';
|
|
|
7
7
|
const SimpleEmojiSource = require('!!raw-loader!../examples/00-simple-emoji');
|
|
8
8
|
const EmojiProps = require('!!extract-react-types-loader!../src/components/common/Emoji');
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const _default_1: any = md`
|
|
11
11
|
${(<AtlassianInternalWarning />)}
|
|
12
12
|
|
|
13
13
|
The main purpose of the emoji package is to provide multiple components for selecting from a list of provided emojis and rendering them.
|
|
@@ -102,3 +102,4 @@ export default md`
|
|
|
102
102
|
|
|
103
103
|
${(<Props props={EmojiProps} />)}
|
|
104
104
|
`;
|
|
105
|
+
export default _default_1;
|
|
@@ -5,7 +5,7 @@ import ResourcedEmojiExample from '../examples/23-optimistic-emoji';
|
|
|
5
5
|
const ResourcedEmojiSource = require('!!raw-loader!../examples/23-optimistic-emoji');
|
|
6
6
|
const ResourcedEmojiProps = require('!!extract-react-types-loader!../src/components/common/ResourcedEmojiComponent');
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const _default_1: any = md`
|
|
9
9
|
## Usage
|
|
10
10
|
|
|
11
11
|
Import the component in your React app as follows:
|
|
@@ -72,3 +72,4 @@ export default md`
|
|
|
72
72
|
|
|
73
73
|
${(<Props props={ResourcedEmojiProps} />)}
|
|
74
74
|
`;
|
|
75
|
+
export default _default_1;
|
package/docs/2-emoji-picker.tsx
CHANGED
|
@@ -5,7 +5,7 @@ import EmojiPickerExample from '../examples/05-standard-emoji-picker-with-upload
|
|
|
5
5
|
const EmojiPickerSource = require('!!raw-loader!../examples/05-standard-emoji-picker-with-upload');
|
|
6
6
|
const EmojiPickerProps = require('!!extract-react-types-loader!../src/components/picker/EmojiPickerComponent');
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const _default_1: any = md`
|
|
9
9
|
## Usage
|
|
10
10
|
|
|
11
11
|
Import the component in your React app as follows:
|
|
@@ -54,3 +54,4 @@ export default md`
|
|
|
54
54
|
|
|
55
55
|
${(<Props props={EmojiPickerProps} />)}
|
|
56
56
|
`;
|
|
57
|
+
export default _default_1;
|
package/docs/3-typeahead.tsx
CHANGED
|
@@ -5,7 +5,7 @@ import TypeAheadiExample from '../examples/03-standard-emoji-typeahead';
|
|
|
5
5
|
const TypeAheadSource = require('!!raw-loader!../examples/03-standard-emoji-typeahead');
|
|
6
6
|
const TypeAheadProps = require('!!extract-react-types-loader!../src/components/typeahead/EmojiTypeAheadComponent');
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const _default_1: any = md`
|
|
9
9
|
|
|
10
10
|
${(
|
|
11
11
|
<Example
|
|
@@ -18,3 +18,4 @@ export default md`
|
|
|
18
18
|
|
|
19
19
|
${(<Props props={TypeAheadProps} />)}
|
|
20
20
|
`;
|
|
21
|
+
export default _default_1;
|
|
@@ -3,7 +3,7 @@ import { md, code } from '@atlaskit/docs';
|
|
|
3
3
|
import SectionMessage from '@atlaskit/section-message';
|
|
4
4
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
const _default_1: any = md`
|
|
7
7
|
Emoji provider mainly controls what type of emojis you want to support, how to resolve emojis, and how to upload custom emojis if enabled.
|
|
8
8
|
|
|
9
9
|
This is a basic example of emoji provider, supporting standard, atlassian, and site emojis:
|
|
@@ -97,3 +97,4 @@ ${code`
|
|
|
97
97
|
`}
|
|
98
98
|
|
|
99
99
|
`;
|
|
100
|
+
export default _default_1;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/emoji",
|
|
3
|
-
"version": "69.10.
|
|
3
|
+
"version": "69.10.2",
|
|
4
4
|
"description": "Fabric emoji React components",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -43,13 +43,13 @@
|
|
|
43
43
|
"@atlaskit/media-client": "^35.7.0",
|
|
44
44
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
45
45
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
46
|
-
"@atlaskit/primitives": "^17.
|
|
46
|
+
"@atlaskit/primitives": "^17.1.0",
|
|
47
47
|
"@atlaskit/spinner": "^19.0.0",
|
|
48
48
|
"@atlaskit/textfield": "^8.2.0",
|
|
49
49
|
"@atlaskit/theme": "^21.0.0",
|
|
50
|
-
"@atlaskit/tmp-editor-statsig": "^16.
|
|
51
|
-
"@atlaskit/tokens": "^
|
|
52
|
-
"@atlaskit/tooltip": "^20.
|
|
50
|
+
"@atlaskit/tmp-editor-statsig": "^16.23.0",
|
|
51
|
+
"@atlaskit/tokens": "^10.0.0",
|
|
52
|
+
"@atlaskit/tooltip": "^20.14.0",
|
|
53
53
|
"@atlaskit/ufo": "^0.4.0",
|
|
54
54
|
"@atlaskit/util-service-support": "^6.3.0",
|
|
55
55
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
@@ -79,8 +79,7 @@
|
|
|
79
79
|
"@emotion/jest": "^11.8.0",
|
|
80
80
|
"@testing-library/dom": "^10.1.0",
|
|
81
81
|
"@testing-library/jest-dom": "^6.4.5",
|
|
82
|
-
"@testing-library/react": "^
|
|
83
|
-
"@testing-library/react-hooks": "^8.0.1",
|
|
82
|
+
"@testing-library/react": "^16.3.0",
|
|
84
83
|
"@testing-library/user-event": "^14.4.3",
|
|
85
84
|
"@types/js-search": "^1.4.0",
|
|
86
85
|
"dotenv": "^8.2.0",
|
|
@@ -119,9 +118,6 @@
|
|
|
119
118
|
"platform_emoji_ssr_width_auto_allowed": {
|
|
120
119
|
"type": "boolean"
|
|
121
120
|
},
|
|
122
|
-
"platform_emoji_width_auto_fittoheight": {
|
|
123
|
-
"type": "boolean"
|
|
124
|
-
},
|
|
125
121
|
"platform_emoji_prevent_img_src_changing": {
|
|
126
122
|
"type": "boolean"
|
|
127
123
|
}
|
package/build/tsconfig.json
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"extends": "../tsconfig",
|
|
3
|
-
"compilerOptions": {
|
|
4
|
-
"declaration": true,
|
|
5
|
-
"target": "es5",
|
|
6
|
-
"paths": {}
|
|
7
|
-
},
|
|
8
|
-
"include": [
|
|
9
|
-
"../src/**/*.ts",
|
|
10
|
-
"../src/**/*.tsx"
|
|
11
|
-
],
|
|
12
|
-
"exclude": [
|
|
13
|
-
"../src/**/__tests__/*",
|
|
14
|
-
"../src/**/*.test.*",
|
|
15
|
-
"../src/**/test.*",
|
|
16
|
-
"../src/**/examples.*",
|
|
17
|
-
"../src/**/examples/*",
|
|
18
|
-
"../src/**/examples/**/*",
|
|
19
|
-
"../src/**/*.stories.*",
|
|
20
|
-
"../src/**/stories/*",
|
|
21
|
-
"../src/**/stories/**/*"
|
|
22
|
-
]
|
|
23
|
-
}
|