@atlaskit/emoji 69.10.31 → 69.10.32
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 +7 -0
- package/dist/cjs/components/common/CachingEmoji.js +2 -1
- package/dist/cjs/components/common/Emoji.js +3 -17
- package/dist/cjs/components/common/EmojiActions.js +4 -1
- package/dist/cjs/components/common/EmojiDeletePreview.js +3 -2
- package/dist/cjs/components/common/EmojiRadioButton.js +2 -1
- package/dist/cjs/components/common/EmojiUploadPicker.js +2 -0
- package/dist/cjs/components/common/EmojiUploadPreview.js +3 -2
- package/dist/cjs/components/common/TonePreviewButton.js +2 -1
- package/dist/cjs/components/common/ToneSelector.js +2 -1
- package/dist/cjs/components/picker/EmojiPickerComponent.js +2 -1
- package/dist/cjs/components/picker/EmojiPickerEmojiRow.js +2 -1
- package/dist/cjs/components/picker/EmojiPickerFooter.js +2 -1
- package/dist/cjs/components/picker/EmojiPickerSizes.js +0 -1
- package/dist/cjs/components/picker/EmojiPickerTabPanel.js +3 -2
- package/dist/cjs/components/typeahead/EmojiTypeAheadItem.js +2 -0
- package/dist/cjs/components/uploader/EmojiUploadComponent.js +2 -1
- package/dist/cjs/util/analytics/analytics.js +2 -2
- package/dist/cjs/util/filters.js +3 -2
- package/dist/es2019/components/common/CachingEmoji.js +2 -1
- package/dist/es2019/components/common/Emoji.js +3 -17
- package/dist/es2019/components/common/EmojiActions.js +4 -1
- package/dist/es2019/components/common/EmojiDeletePreview.js +4 -1
- package/dist/es2019/components/common/EmojiRadioButton.js +2 -1
- package/dist/es2019/components/common/EmojiUploadPicker.js +2 -0
- package/dist/es2019/components/common/EmojiUploadPreview.js +4 -1
- package/dist/es2019/components/common/TonePreviewButton.js +2 -1
- package/dist/es2019/components/common/ToneSelector.js +2 -1
- package/dist/es2019/components/picker/EmojiPickerComponent.js +2 -1
- package/dist/es2019/components/picker/EmojiPickerEmojiRow.js +2 -1
- package/dist/es2019/components/picker/EmojiPickerFooter.js +2 -1
- package/dist/es2019/components/picker/EmojiPickerSizes.js +0 -1
- package/dist/es2019/components/picker/EmojiPickerTabPanel.js +4 -1
- package/dist/es2019/components/typeahead/EmojiTypeAheadItem.js +3 -1
- package/dist/es2019/components/uploader/EmojiUploadComponent.js +2 -1
- package/dist/es2019/util/analytics/analytics.js +2 -1
- package/dist/es2019/util/filters.js +3 -2
- package/dist/esm/components/common/CachingEmoji.js +2 -1
- package/dist/esm/components/common/Emoji.js +3 -17
- package/dist/esm/components/common/EmojiActions.js +4 -1
- package/dist/esm/components/common/EmojiDeletePreview.js +3 -2
- package/dist/esm/components/common/EmojiRadioButton.js +2 -1
- package/dist/esm/components/common/EmojiUploadPicker.js +2 -0
- package/dist/esm/components/common/EmojiUploadPreview.js +3 -2
- package/dist/esm/components/common/TonePreviewButton.js +2 -1
- package/dist/esm/components/common/ToneSelector.js +2 -1
- package/dist/esm/components/picker/EmojiPickerComponent.js +2 -1
- package/dist/esm/components/picker/EmojiPickerEmojiRow.js +2 -1
- package/dist/esm/components/picker/EmojiPickerFooter.js +2 -1
- package/dist/esm/components/picker/EmojiPickerSizes.js +0 -1
- package/dist/esm/components/picker/EmojiPickerTabPanel.js +3 -2
- package/dist/esm/components/typeahead/EmojiTypeAheadItem.js +2 -0
- package/dist/esm/components/uploader/EmojiUploadComponent.js +2 -1
- package/dist/esm/util/analytics/analytics.js +2 -1
- package/dist/esm/util/filters.js +3 -2
- package/dist/types/components/common/CachingEmoji.d.ts +2 -2
- package/dist/types/components/common/EmojiActions.d.ts +9 -4
- package/dist/types/components/common/EmojiDeletePreview.d.ts +9 -4
- package/dist/types/components/common/EmojiRadioButton.d.ts +2 -2
- package/dist/types/components/common/EmojiUploadPicker.d.ts +8 -3
- package/dist/types/components/common/EmojiUploadPreview.d.ts +9 -4
- package/dist/types/components/common/TonePreviewButton.d.ts +8 -3
- package/dist/types/components/common/ToneSelector.d.ts +3 -2
- package/dist/types/components/picker/EmojiPickerComponent.d.ts +7 -2
- package/dist/types/components/picker/EmojiPickerEmojiRow.d.ts +7 -2
- package/dist/types/components/picker/EmojiPickerFooter.d.ts +7 -2
- package/dist/types/components/picker/EmojiPickerSizes.d.ts +5 -5
- package/dist/types/components/picker/EmojiPickerTabPanel.d.ts +3 -3
- package/dist/types/components/uploader/EmojiUploadComponent.d.ts +7 -2
- package/dist/types/components/uploader/EmojiUploader.d.ts +2 -2
- package/dist/types/context/EmojiContext.d.ts +2 -1
- package/dist/types/hooks/useEmojiContext.d.ts +2 -1
- package/dist/types/hooks/useEmojiPickerListContext.d.ts +2 -1
- package/dist/types/hooks/useInView.d.ts +2 -2
- package/dist/types/util/analytics/analytics.d.ts +2 -2
- package/dist/types/util/constants.d.ts +1 -1
- package/dist/types/util/filters.d.ts +2 -2
- package/dist/types-ts4.5/components/common/CachingEmoji.d.ts +2 -2
- package/dist/types-ts4.5/components/common/EmojiActions.d.ts +9 -4
- package/dist/types-ts4.5/components/common/EmojiDeletePreview.d.ts +9 -4
- package/dist/types-ts4.5/components/common/EmojiRadioButton.d.ts +2 -2
- package/dist/types-ts4.5/components/common/EmojiUploadPicker.d.ts +8 -3
- package/dist/types-ts4.5/components/common/EmojiUploadPreview.d.ts +9 -4
- package/dist/types-ts4.5/components/common/TonePreviewButton.d.ts +8 -3
- package/dist/types-ts4.5/components/common/ToneSelector.d.ts +3 -2
- package/dist/types-ts4.5/components/picker/EmojiPickerComponent.d.ts +7 -2
- package/dist/types-ts4.5/components/picker/EmojiPickerEmojiRow.d.ts +7 -2
- package/dist/types-ts4.5/components/picker/EmojiPickerFooter.d.ts +7 -2
- package/dist/types-ts4.5/components/picker/EmojiPickerSizes.d.ts +5 -5
- package/dist/types-ts4.5/components/picker/EmojiPickerTabPanel.d.ts +3 -3
- package/dist/types-ts4.5/components/uploader/EmojiUploadComponent.d.ts +7 -2
- package/dist/types-ts4.5/components/uploader/EmojiUploader.d.ts +2 -2
- package/dist/types-ts4.5/context/EmojiContext.d.ts +2 -1
- package/dist/types-ts4.5/hooks/useEmojiContext.d.ts +2 -1
- package/dist/types-ts4.5/hooks/useEmojiPickerListContext.d.ts +2 -1
- package/dist/types-ts4.5/hooks/useInView.d.ts +2 -2
- package/dist/types-ts4.5/util/analytics/analytics.d.ts +2 -2
- package/dist/types-ts4.5/util/constants.d.ts +1 -1
- package/dist/types-ts4.5/util/filters.d.ts +2 -2
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# @atlaskit/emoji
|
|
2
2
|
|
|
3
|
+
## 69.10.32
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`cca57049325b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cca57049325b8) -
|
|
8
|
+
Static elements should not be interactable, or be non-static
|
|
9
|
+
|
|
3
10
|
## 69.10.31
|
|
4
11
|
|
|
5
12
|
### Patch Changes
|
|
@@ -155,4 +155,5 @@ var CachingMediaEmoji = exports.CachingMediaEmoji = function CachingMediaEmoji(p
|
|
|
155
155
|
representation: representation
|
|
156
156
|
});
|
|
157
157
|
};
|
|
158
|
-
var
|
|
158
|
+
var _default_1 = /*#__PURE__*/(0, _react.memo)(CachingEmoji);
|
|
159
|
+
var _default = exports.default = _default_1;
|
|
@@ -324,23 +324,9 @@ var EmojiNodeWrapper = exports.EmojiNodeWrapper = /*#__PURE__*/(0, _react.forwar
|
|
|
324
324
|
type = props.type,
|
|
325
325
|
editorEmoji = props.editorEmoji,
|
|
326
326
|
other = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
role: undefined
|
|
331
|
-
};
|
|
332
|
-
} else if (shouldBeInteractive) {
|
|
333
|
-
accessibilityProps = {
|
|
334
|
-
role: 'button',
|
|
335
|
-
'aria-label': emoji.shortName
|
|
336
|
-
};
|
|
337
|
-
} else {
|
|
338
|
-
accessibilityProps = {
|
|
339
|
-
role: 'img',
|
|
340
|
-
'aria-label': emoji.shortName
|
|
341
|
-
};
|
|
342
|
-
}
|
|
343
|
-
return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, accessibilityProps, {
|
|
327
|
+
return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
|
|
328
|
+
role: editorEmoji ? undefined : shouldBeInteractive ? 'button' : 'img',
|
|
329
|
+
"aria-label": editorEmoji ? undefined : emoji.shortName,
|
|
344
330
|
ref: ref,
|
|
345
331
|
"data-testid": "".concat(type, "-emoji-").concat(emoji.shortName),
|
|
346
332
|
"data-emoji-type": type,
|
|
@@ -213,4 +213,7 @@ var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
|
|
|
213
213
|
showToneSelector: showToneSelector
|
|
214
214
|
}))), /*#__PURE__*/React.createElement(AddOwnEmoji, props));
|
|
215
215
|
};
|
|
216
|
-
|
|
216
|
+
|
|
217
|
+
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
218
|
+
var _default_1 = (0, _reactIntlNext.injectIntl)( /*#__PURE__*/(0, _react.memo)(EmojiActions));
|
|
219
|
+
var _default = exports.default = _default_1;
|
|
@@ -133,5 +133,6 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
|
|
|
133
133
|
}, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.cancelLabel))))));
|
|
134
134
|
}
|
|
135
135
|
}]);
|
|
136
|
-
}(_react.Component);
|
|
137
|
-
var
|
|
136
|
+
}(_react.Component); // eslint-disable-next-line @typescript-eslint/ban-types
|
|
137
|
+
var _default_1 = (0, _reactIntlNext.injectIntl)(EmojiDeletePreview);
|
|
138
|
+
var _default = exports.default = _default_1;
|
|
@@ -67,4 +67,5 @@ var EmojiRadioButton = exports.EmojiRadioButton = /*#__PURE__*/(0, _react.forwar
|
|
|
67
67
|
"aria-hidden": true
|
|
68
68
|
}));
|
|
69
69
|
});
|
|
70
|
-
var
|
|
70
|
+
var _default_1 = /*#__PURE__*/(0, _react.memo)(EmojiRadioButton);
|
|
71
|
+
var _default = exports.default = _default_1;
|
|
@@ -319,5 +319,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
|
|
|
319
319
|
noFocusGuards: true
|
|
320
320
|
}, content);
|
|
321
321
|
};
|
|
322
|
+
|
|
323
|
+
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
322
324
|
var EmojiUploadPickerComponent = (0, _reactIntlNext.injectIntl)( /*#__PURE__*/(0, _react.memo)(EmojiUploadPicker));
|
|
323
325
|
var _default = exports.default = EmojiUploadPickerComponent;
|
|
@@ -114,5 +114,6 @@ var EmojiUploadPreview = /*#__PURE__*/function (_PureComponent) {
|
|
|
114
114
|
}, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.cancelLabel))));
|
|
115
115
|
}
|
|
116
116
|
}]);
|
|
117
|
-
}(_react.PureComponent);
|
|
118
|
-
var
|
|
117
|
+
}(_react.PureComponent); // eslint-disable-next-line @typescript-eslint/ban-types
|
|
118
|
+
var _default_1 = (0, _reactIntlNext.injectIntl)(EmojiUploadPreview);
|
|
119
|
+
var _default = exports.default = _default_1;
|
|
@@ -48,4 +48,5 @@ var TonePreviewButton = exports.TonePreviewButton = /*#__PURE__*/(0, _react.forw
|
|
|
48
48
|
"aria-hidden": true
|
|
49
49
|
}));
|
|
50
50
|
});
|
|
51
|
-
var
|
|
51
|
+
var _default_1 = /*#__PURE__*/(0, _react.memo)(TonePreviewButton);
|
|
52
|
+
var _default = exports.default = _default_1;
|
|
@@ -107,4 +107,5 @@ var ToneSelectorInternal = exports.ToneSelectorInternal = function ToneSelectorI
|
|
|
107
107
|
}));
|
|
108
108
|
};
|
|
109
109
|
var ToneSelector = (0, _analyticsNext.withAnalyticsEvents)()(ToneSelectorInternal);
|
|
110
|
-
var
|
|
110
|
+
var _default_1 = /*#__PURE__*/(0, _react.memo)(ToneSelector);
|
|
111
|
+
var _default = exports.default = _default_1;
|
|
@@ -545,4 +545,5 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
|
|
|
545
545
|
selectedEmoji: selectedEmoji
|
|
546
546
|
}));
|
|
547
547
|
};
|
|
548
|
-
var
|
|
548
|
+
var _default_1 = /*#__PURE__*/(0, _react.memo)(EmojiPickerComponent);
|
|
549
|
+
var _default = exports.default = _default_1;
|
|
@@ -72,4 +72,5 @@ var EmojiPickerEmojiRow = function EmojiPickerEmojiRow(_ref) {
|
|
|
72
72
|
}));
|
|
73
73
|
}));
|
|
74
74
|
};
|
|
75
|
-
var
|
|
75
|
+
var _default_1 = /*#__PURE__*/(0, _react.memo)(EmojiPickerEmojiRow);
|
|
76
|
+
var _default = exports.default = _default_1;
|
|
@@ -28,4 +28,5 @@ var EmojiPickerFooter = function EmojiPickerFooter(_ref) {
|
|
|
28
28
|
emoji: selectedEmoji
|
|
29
29
|
}));
|
|
30
30
|
};
|
|
31
|
-
var
|
|
31
|
+
var _default_1 = /*#__PURE__*/(0, _react.memo)(EmojiPickerFooter);
|
|
32
|
+
var _default = exports.default = _default_1;
|
|
@@ -62,5 +62,6 @@ var EmojiPickerTabPanelInternal = /*#__PURE__*/function (_PureComponent) {
|
|
|
62
62
|
})), children);
|
|
63
63
|
}
|
|
64
64
|
}]);
|
|
65
|
-
}(_react.PureComponent);
|
|
66
|
-
var
|
|
65
|
+
}(_react.PureComponent); // eslint-disable-next-line @typescript-eslint/ban-types
|
|
66
|
+
var _default_1 = (0, _reactIntlNext.injectIntl)(EmojiPickerTabPanelInternal);
|
|
67
|
+
var _default = exports.default = _default_1;
|
|
@@ -11,6 +11,7 @@ require("./EmojiTypeAheadItem.compiled.css");
|
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
15
|
var _colors = require("@atlaskit/theme/colors");
|
|
15
16
|
var _EmojiCommonProvider = require("../../context/EmojiCommonProvider");
|
|
16
17
|
var _mouse = require("../../util/mouse");
|
|
@@ -48,6 +49,7 @@ function EmojiTypeAheadItemInternal(props) {
|
|
|
48
49
|
onMouseMove: onEmojiMenuItemMouseMove,
|
|
49
50
|
"data-emoji-id": emoji.shortName,
|
|
50
51
|
ref: forwardedRef,
|
|
52
|
+
role: (0, _platformFeatureFlags.fg)('platform_suppression_removal_fix_reactions') ? 'button' : undefined,
|
|
51
53
|
style: {
|
|
52
54
|
"--_n55fzx": (0, _runtime.ix)("".concat(typeAheadWidth, "px")),
|
|
53
55
|
"--_19g1tth": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N30, ")"))
|
|
@@ -134,4 +134,5 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
|
|
|
134
134
|
disableFocusLock: disableFocusLock
|
|
135
135
|
})));
|
|
136
136
|
};
|
|
137
|
-
var
|
|
137
|
+
var _default_1 = /*#__PURE__*/(0, _react.memo)(EmojiUploadComponent);
|
|
138
|
+
var _default = exports.default = _default_1;
|
|
@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
9
9
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
10
10
|
var _types = require("../../types");
|
|
11
11
|
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; }
|
|
12
|
-
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; }
|
|
12
|
+
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; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
|
|
13
13
|
var createAndFireEventInElementsChannel = exports.createAndFireEventInElementsChannel = (0, _analyticsNext.createAndFireEvent)('fabric-elements');
|
|
14
14
|
var createEvent = function createEvent(eventType, action, actionSubject, actionSubjectId) {
|
|
15
15
|
var attributes = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
|
|
@@ -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: "
|
|
23
|
+
packageVersion: "69.10.31"
|
|
24
24
|
}, attributes)
|
|
25
25
|
};
|
|
26
26
|
};
|
package/dist/cjs/util/filters.js
CHANGED
|
@@ -16,7 +16,8 @@ var toneEmoji = function toneEmoji(emojis) {
|
|
|
16
16
|
var getToneEmoji = exports.getToneEmoji = function getToneEmoji(provider) {
|
|
17
17
|
return provider.findByShortName(toneEmojiShortName);
|
|
18
18
|
};
|
|
19
|
-
var
|
|
19
|
+
var _default_1 = {
|
|
20
20
|
byShortName: byShortName,
|
|
21
21
|
toneEmoji: toneEmoji
|
|
22
|
-
};
|
|
22
|
+
};
|
|
23
|
+
var _default = exports.default = _default_1;
|
|
@@ -316,23 +316,9 @@ export const EmojiNodeWrapper = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
316
316
|
editorEmoji,
|
|
317
317
|
...other
|
|
318
318
|
} = props;
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
role: undefined
|
|
323
|
-
};
|
|
324
|
-
} else if (shouldBeInteractive) {
|
|
325
|
-
accessibilityProps = {
|
|
326
|
-
role: 'button',
|
|
327
|
-
'aria-label': emoji.shortName
|
|
328
|
-
};
|
|
329
|
-
} else {
|
|
330
|
-
accessibilityProps = {
|
|
331
|
-
role: 'img',
|
|
332
|
-
'aria-label': emoji.shortName
|
|
333
|
-
};
|
|
334
|
-
}
|
|
335
|
-
return /*#__PURE__*/React.createElement("span", _extends({}, accessibilityProps, {
|
|
319
|
+
return /*#__PURE__*/React.createElement("span", _extends({
|
|
320
|
+
role: editorEmoji ? undefined : shouldBeInteractive ? 'button' : 'img',
|
|
321
|
+
"aria-label": editorEmoji ? undefined : emoji.shortName,
|
|
336
322
|
ref: ref,
|
|
337
323
|
"data-testid": `${type}-emoji-${emoji.shortName}`,
|
|
338
324
|
"data-emoji-type": type,
|
|
@@ -192,4 +192,7 @@ export const EmojiActions = props => {
|
|
|
192
192
|
showToneSelector: showToneSelector
|
|
193
193
|
}))), /*#__PURE__*/React.createElement(AddOwnEmoji, props));
|
|
194
194
|
};
|
|
195
|
-
|
|
195
|
+
|
|
196
|
+
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
197
|
+
const _default_1 = injectIntl( /*#__PURE__*/memo(EmojiActions));
|
|
198
|
+
export default _default_1;
|
|
@@ -114,4 +114,7 @@ class EmojiDeletePreview extends Component {
|
|
|
114
114
|
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelLabel))))));
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
|
-
|
|
117
|
+
|
|
118
|
+
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
119
|
+
const _default_1 = injectIntl(EmojiDeletePreview);
|
|
120
|
+
export default _default_1;
|
|
@@ -273,5 +273,7 @@ const EmojiUploadPicker = props => {
|
|
|
273
273
|
noFocusGuards: true
|
|
274
274
|
}, content);
|
|
275
275
|
};
|
|
276
|
+
|
|
277
|
+
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
276
278
|
const EmojiUploadPickerComponent = injectIntl( /*#__PURE__*/memo(EmojiUploadPicker));
|
|
277
279
|
export default EmojiUploadPickerComponent;
|
|
@@ -94,4 +94,7 @@ class EmojiUploadPreview extends PureComponent {
|
|
|
94
94
|
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelLabel))));
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
|
-
|
|
97
|
+
|
|
98
|
+
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
99
|
+
const _default_1 = injectIntl(EmojiUploadPreview);
|
|
100
|
+
export default _default_1;
|
|
@@ -16,4 +16,5 @@ const EmojiPickerFooter = ({
|
|
|
16
16
|
}, selectedEmoji && /*#__PURE__*/React.createElement(EmojiPreviewComponent, {
|
|
17
17
|
emoji: selectedEmoji
|
|
18
18
|
}));
|
|
19
|
-
|
|
19
|
+
const _default_1 = /*#__PURE__*/memo(EmojiPickerFooter);
|
|
20
|
+
export default _default_1;
|
|
@@ -41,4 +41,7 @@ class EmojiPickerTabPanelInternal extends PureComponent {
|
|
|
41
41
|
})), children);
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
|
|
44
|
+
|
|
45
|
+
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
46
|
+
const _default_1 = injectIntl(EmojiPickerTabPanelInternal);
|
|
47
|
+
export default _default_1;
|
|
@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
3
3
|
import "./EmojiTypeAheadItem.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React from 'react';
|
|
6
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
7
|
import { N30 } from '@atlaskit/theme/colors';
|
|
7
8
|
import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
|
|
8
9
|
import { leftClick } from '../../util/mouse';
|
|
@@ -41,7 +42,8 @@ export function EmojiTypeAheadItemInternal(props) {
|
|
|
41
42
|
onMouseDown: onEmojiSelected,
|
|
42
43
|
onMouseMove: onEmojiMenuItemMouseMove,
|
|
43
44
|
"data-emoji-id": emoji.shortName,
|
|
44
|
-
ref: forwardedRef
|
|
45
|
+
ref: forwardedRef,
|
|
46
|
+
role: fg('platform_suppression_removal_fix_reactions') ? 'button' : undefined
|
|
45
47
|
}, /*#__PURE__*/React.createElement("div", {
|
|
46
48
|
className: ax(["_1e0c1txw _2lx2vrvc _1n261g80 _s7n4nkob"])
|
|
47
49
|
}, emoji && /*#__PURE__*/React.createElement(EmojiPreviewComponent, {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
// eslint-disable-next-line @typescript-eslint/consistent-type-imports
|
|
1
2
|
import { createAndFireEvent } from '@atlaskit/analytics-next';
|
|
2
3
|
import { SearchSourceTypes } from '../../types';
|
|
3
4
|
export const createAndFireEventInElementsChannel = createAndFireEvent('fabric-elements');
|
|
@@ -8,7 +9,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
|
|
|
8
9
|
actionSubjectId,
|
|
9
10
|
attributes: {
|
|
10
11
|
packageName: "@atlaskit/emoji",
|
|
11
|
-
packageVersion: "
|
|
12
|
+
packageVersion: "69.10.31",
|
|
12
13
|
...attributes
|
|
13
14
|
}
|
|
14
15
|
});
|
|
@@ -2,7 +2,8 @@ const toneEmojiShortName = ':raised_hand:';
|
|
|
2
2
|
const byShortName = (emojis, shortName) => emojis.filter(emoji => emoji.shortName === shortName)[0];
|
|
3
3
|
const toneEmoji = emojis => byShortName(emojis, toneEmojiShortName);
|
|
4
4
|
export const getToneEmoji = provider => provider.findByShortName(toneEmojiShortName);
|
|
5
|
-
|
|
5
|
+
const _default_1 = {
|
|
6
6
|
byShortName,
|
|
7
7
|
toneEmoji
|
|
8
|
-
};
|
|
8
|
+
};
|
|
9
|
+
export default _default_1;
|
|
@@ -315,23 +315,9 @@ export var EmojiNodeWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
315
315
|
type = props.type,
|
|
316
316
|
editorEmoji = props.editorEmoji,
|
|
317
317
|
other = _objectWithoutProperties(props, _excluded);
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
role: undefined
|
|
322
|
-
};
|
|
323
|
-
} else if (shouldBeInteractive) {
|
|
324
|
-
accessibilityProps = {
|
|
325
|
-
role: 'button',
|
|
326
|
-
'aria-label': emoji.shortName
|
|
327
|
-
};
|
|
328
|
-
} else {
|
|
329
|
-
accessibilityProps = {
|
|
330
|
-
role: 'img',
|
|
331
|
-
'aria-label': emoji.shortName
|
|
332
|
-
};
|
|
333
|
-
}
|
|
334
|
-
return /*#__PURE__*/React.createElement("span", _extends({}, accessibilityProps, {
|
|
318
|
+
return /*#__PURE__*/React.createElement("span", _extends({
|
|
319
|
+
role: editorEmoji ? undefined : shouldBeInteractive ? 'button' : 'img',
|
|
320
|
+
"aria-label": editorEmoji ? undefined : emoji.shortName,
|
|
335
321
|
ref: ref,
|
|
336
322
|
"data-testid": "".concat(type, "-emoji-").concat(emoji.shortName),
|
|
337
323
|
"data-emoji-type": type,
|
|
@@ -204,4 +204,7 @@ export var EmojiActions = function EmojiActions(props) {
|
|
|
204
204
|
showToneSelector: showToneSelector
|
|
205
205
|
}))), /*#__PURE__*/React.createElement(AddOwnEmoji, props));
|
|
206
206
|
};
|
|
207
|
-
|
|
207
|
+
|
|
208
|
+
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
209
|
+
var _default_1 = injectIntl( /*#__PURE__*/memo(EmojiActions));
|
|
210
|
+
export default _default_1;
|
|
@@ -124,5 +124,6 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
|
|
|
124
124
|
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelLabel))))));
|
|
125
125
|
}
|
|
126
126
|
}]);
|
|
127
|
-
}(Component);
|
|
128
|
-
|
|
127
|
+
}(Component); // eslint-disable-next-line @typescript-eslint/ban-types
|
|
128
|
+
var _default_1 = injectIntl(EmojiDeletePreview);
|
|
129
|
+
export default _default_1;
|
|
@@ -310,5 +310,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
|
|
|
310
310
|
noFocusGuards: true
|
|
311
311
|
}, content);
|
|
312
312
|
};
|
|
313
|
+
|
|
314
|
+
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
313
315
|
var EmojiUploadPickerComponent = injectIntl( /*#__PURE__*/memo(EmojiUploadPicker));
|
|
314
316
|
export default EmojiUploadPickerComponent;
|
|
@@ -105,5 +105,6 @@ var EmojiUploadPreview = /*#__PURE__*/function (_PureComponent) {
|
|
|
105
105
|
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelLabel))));
|
|
106
106
|
}
|
|
107
107
|
}]);
|
|
108
|
-
}(PureComponent);
|
|
109
|
-
|
|
108
|
+
}(PureComponent); // eslint-disable-next-line @typescript-eslint/ban-types
|
|
109
|
+
var _default_1 = injectIntl(EmojiUploadPreview);
|
|
110
|
+
export default _default_1;
|
|
@@ -98,4 +98,5 @@ export var ToneSelectorInternal = function ToneSelectorInternal(props) {
|
|
|
98
98
|
}));
|
|
99
99
|
};
|
|
100
100
|
var ToneSelector = withAnalyticsEvents()(ToneSelectorInternal);
|
|
101
|
-
|
|
101
|
+
var _default_1 = /*#__PURE__*/memo(ToneSelector);
|
|
102
|
+
export default _default_1;
|
|
@@ -536,4 +536,5 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
|
|
|
536
536
|
selectedEmoji: selectedEmoji
|
|
537
537
|
}));
|
|
538
538
|
};
|
|
539
|
-
|
|
539
|
+
var _default_1 = /*#__PURE__*/memo(EmojiPickerComponent);
|
|
540
|
+
export default _default_1;
|
|
@@ -53,5 +53,6 @@ var EmojiPickerTabPanelInternal = /*#__PURE__*/function (_PureComponent) {
|
|
|
53
53
|
})), children);
|
|
54
54
|
}
|
|
55
55
|
}]);
|
|
56
|
-
}(PureComponent);
|
|
57
|
-
|
|
56
|
+
}(PureComponent); // eslint-disable-next-line @typescript-eslint/ban-types
|
|
57
|
+
var _default_1 = injectIntl(EmojiPickerTabPanelInternal);
|
|
58
|
+
export default _default_1;
|
|
@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
3
3
|
import "./EmojiTypeAheadItem.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React from 'react';
|
|
6
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
7
|
import { N30 } from '@atlaskit/theme/colors';
|
|
7
8
|
import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
|
|
8
9
|
import { leftClick } from '../../util/mouse';
|
|
@@ -40,6 +41,7 @@ export function EmojiTypeAheadItemInternal(props) {
|
|
|
40
41
|
onMouseMove: onEmojiMenuItemMouseMove,
|
|
41
42
|
"data-emoji-id": emoji.shortName,
|
|
42
43
|
ref: forwardedRef,
|
|
44
|
+
role: fg('platform_suppression_removal_fix_reactions') ? 'button' : undefined,
|
|
43
45
|
style: {
|
|
44
46
|
"--_n55fzx": ix("".concat(typeAheadWidth, "px")),
|
|
45
47
|
"--_19g1tth": ix("var(--ds-background-neutral, ".concat(N30, ")"))
|
|
@@ -125,4 +125,5 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
|
|
|
125
125
|
disableFocusLock: disableFocusLock
|
|
126
126
|
})));
|
|
127
127
|
};
|
|
128
|
-
|
|
128
|
+
var _default_1 = /*#__PURE__*/memo(EmojiUploadComponent);
|
|
129
|
+
export default _default_1;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
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; }
|
|
3
3
|
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; }
|
|
4
|
+
// eslint-disable-next-line @typescript-eslint/consistent-type-imports
|
|
4
5
|
import { createAndFireEvent } from '@atlaskit/analytics-next';
|
|
5
6
|
import { SearchSourceTypes } from '../../types';
|
|
6
7
|
export var createAndFireEventInElementsChannel = createAndFireEvent('fabric-elements');
|
|
@@ -13,7 +14,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
|
|
|
13
14
|
actionSubjectId: actionSubjectId,
|
|
14
15
|
attributes: _objectSpread({
|
|
15
16
|
packageName: "@atlaskit/emoji",
|
|
16
|
-
packageVersion: "
|
|
17
|
+
packageVersion: "69.10.31"
|
|
17
18
|
}, attributes)
|
|
18
19
|
};
|
|
19
20
|
};
|
package/dist/esm/util/filters.js
CHANGED
|
@@ -10,7 +10,8 @@ var toneEmoji = function toneEmoji(emojis) {
|
|
|
10
10
|
export var getToneEmoji = function getToneEmoji(provider) {
|
|
11
11
|
return provider.findByShortName(toneEmojiShortName);
|
|
12
12
|
};
|
|
13
|
-
|
|
13
|
+
var _default_1 = {
|
|
14
14
|
byShortName: byShortName,
|
|
15
15
|
toneEmoji: toneEmoji
|
|
16
|
-
};
|
|
16
|
+
};
|
|
17
|
+
export default _default_1;
|
|
@@ -17,5 +17,5 @@ export declare const CachingEmoji: (props: React.PropsWithChildren<CachingEmojiP
|
|
|
17
17
|
* rendering paths depending on caching strategy.
|
|
18
18
|
*/
|
|
19
19
|
export declare const CachingMediaEmoji: (props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element;
|
|
20
|
-
declare const
|
|
21
|
-
export default
|
|
20
|
+
declare const _default_1: React.MemoExoticComponent<(props: React.PropsWithChildren<CachingEmojiProps>) => React.JSX.Element>;
|
|
21
|
+
export default _default_1;
|