@atlaskit/emoji 72.1.0 → 72.1.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 +12 -0
- package/dist/cjs/api/EmojiRepository.js +3 -3
- package/dist/cjs/api/EmojiResource.js +3 -3
- package/dist/cjs/api/media/SiteEmojiResource.js +2 -2
- package/dist/cjs/components/common/AddEmoji.js +4 -4
- package/dist/cjs/components/common/AddOwnEmoji.js +2 -2
- package/dist/cjs/components/common/CreateEmojiWithRovo.js +4 -4
- package/dist/cjs/components/common/DeleteButton.js +3 -3
- package/dist/cjs/components/common/Emoji.js +2 -2
- package/dist/cjs/components/common/EmojiActions.js +3 -3
- package/dist/cjs/components/common/EmojiDeletePreview.js +7 -7
- package/dist/cjs/components/common/EmojiErrorMessage.js +7 -7
- package/dist/cjs/components/common/EmojiUploadPicker.js +11 -11
- package/dist/cjs/components/common/EmojiUploadPreview.js +1 -1
- package/dist/cjs/components/common/FileChooser.js +12 -11
- package/dist/cjs/components/common/ImageEmoji.js +2 -2
- package/dist/cjs/components/common/Popup.js +3 -3
- package/dist/cjs/components/common/ProductivityColorSelector.js +2 -2
- package/dist/cjs/components/common/ResourcedEmojiComponent.js +4 -4
- package/dist/cjs/components/common/RetryableButton.js +4 -4
- package/dist/cjs/components/common/Scrollable.js +2 -2
- package/dist/cjs/components/common/ToneSelector.js +3 -2
- package/dist/cjs/components/common/ToneSelectorInternal.js +3 -3
- package/dist/cjs/components/common/isRefreshEmojiPickerEnabled.js +3 -3
- package/dist/cjs/components/picker/CategorySelector.js +8 -8
- package/dist/cjs/components/picker/EmojiPicker.js +3 -2
- package/dist/cjs/components/picker/EmojiPickerCategoryHeading.js +1 -1
- package/dist/cjs/components/picker/EmojiPickerComponent.js +11 -10
- package/dist/cjs/components/picker/EmojiPickerFooter.js +3 -3
- package/dist/cjs/components/picker/EmojiPickerInternal.js +3 -3
- package/dist/cjs/components/picker/EmojiPickerList.js +3 -3
- package/dist/cjs/components/picker/EmojiPickerListSearch.js +8 -8
- package/dist/cjs/components/picker/EmojiPickerNoResults.js +2 -2
- package/dist/cjs/components/picker/LoadingItem.js +1 -1
- package/dist/cjs/components/picker/VirtualList.js +3 -3
- package/dist/cjs/components/typeahead/EmojiTypeAheadItemInternal.js +2 -2
- package/dist/cjs/components/typeahead/EmojiTypeAheadSpinner.js +1 -1
- package/dist/cjs/components/uploader/EmojiUploader.js +3 -2
- package/dist/cjs/util/analytics/analytics.js +3 -2
- package/dist/cjs/util/analytics/createEvent.js +1 -1
- package/dist/cjs/util/analytics/recordSelectionFailedSli.js +3 -2
- package/dist/cjs/util/analytics/recordSelectionSucceededSli.js +3 -2
- package/dist/cjs/util/analytics/ufoExperiences.js +15 -13
- package/dist/es2019/api/EmojiRepository.js +1 -1
- package/dist/es2019/api/EmojiResource.js +1 -1
- package/dist/es2019/api/media/SiteEmojiResource.js +1 -1
- package/dist/es2019/components/common/AddEmoji.js +2 -2
- package/dist/es2019/components/common/AddOwnEmoji.js +1 -1
- package/dist/es2019/components/common/CreateEmojiWithRovo.js +2 -2
- package/dist/es2019/components/common/DeleteButton.js +1 -1
- package/dist/es2019/components/common/Emoji.js +1 -1
- package/dist/es2019/components/common/EmojiActions.js +1 -1
- package/dist/es2019/components/common/EmojiDeletePreview.js +3 -3
- package/dist/es2019/components/common/EmojiErrorMessage.js +3 -3
- package/dist/es2019/components/common/EmojiUploadPicker.js +4 -4
- package/dist/es2019/components/common/EmojiUploadPreview.js +1 -1
- package/dist/es2019/components/common/FileChooser.js +5 -4
- package/dist/es2019/components/common/ImageEmoji.js +1 -1
- package/dist/es2019/components/common/Popup.js +1 -1
- package/dist/es2019/components/common/ProductivityColorSelector.js +1 -1
- package/dist/es2019/components/common/ResourcedEmojiComponent.js +1 -1
- package/dist/es2019/components/common/RetryableButton.js +2 -2
- package/dist/es2019/components/common/Scrollable.js +1 -1
- package/dist/es2019/components/common/ToneSelector.js +1 -1
- package/dist/es2019/components/common/ToneSelectorInternal.js +1 -1
- package/dist/es2019/components/common/isRefreshEmojiPickerEnabled.js +1 -1
- package/dist/es2019/components/picker/CategorySelector.js +2 -2
- package/dist/es2019/components/picker/EmojiPicker.js +1 -1
- package/dist/es2019/components/picker/EmojiPickerCategoryHeading.js +1 -1
- package/dist/es2019/components/picker/EmojiPickerComponent.js +6 -5
- package/dist/es2019/components/picker/EmojiPickerFooter.js +1 -1
- package/dist/es2019/components/picker/EmojiPickerInternal.js +1 -1
- package/dist/es2019/components/picker/EmojiPickerList.js +1 -1
- package/dist/es2019/components/picker/EmojiPickerListSearch.js +2 -2
- package/dist/es2019/components/picker/EmojiPickerNoResults.js +1 -1
- package/dist/es2019/components/picker/LoadingItem.js +1 -1
- package/dist/es2019/components/picker/VirtualList.js +1 -1
- package/dist/es2019/components/typeahead/EmojiTypeAheadItemInternal.js +1 -1
- package/dist/es2019/components/typeahead/EmojiTypeAheadSpinner.js +1 -1
- package/dist/es2019/components/uploader/EmojiUploader.js +1 -1
- package/dist/es2019/util/analytics/analytics.js +1 -1
- package/dist/es2019/util/analytics/createEvent.js +1 -1
- package/dist/es2019/util/analytics/recordSelectionFailedSli.js +2 -1
- package/dist/es2019/util/analytics/recordSelectionSucceededSli.js +2 -1
- package/dist/es2019/util/analytics/ufoExperiences.js +3 -1
- package/dist/esm/api/EmojiRepository.js +1 -1
- package/dist/esm/api/EmojiResource.js +1 -1
- package/dist/esm/api/media/SiteEmojiResource.js +1 -1
- package/dist/esm/components/common/AddEmoji.js +2 -2
- package/dist/esm/components/common/AddOwnEmoji.js +1 -1
- package/dist/esm/components/common/CreateEmojiWithRovo.js +2 -2
- package/dist/esm/components/common/DeleteButton.js +1 -1
- package/dist/esm/components/common/Emoji.js +1 -1
- package/dist/esm/components/common/EmojiActions.js +1 -1
- package/dist/esm/components/common/EmojiDeletePreview.js +3 -3
- package/dist/esm/components/common/EmojiErrorMessage.js +3 -3
- package/dist/esm/components/common/EmojiUploadPicker.js +4 -4
- package/dist/esm/components/common/EmojiUploadPreview.js +1 -1
- package/dist/esm/components/common/FileChooser.js +5 -4
- package/dist/esm/components/common/ImageEmoji.js +1 -1
- package/dist/esm/components/common/Popup.js +1 -1
- package/dist/esm/components/common/ProductivityColorSelector.js +1 -1
- package/dist/esm/components/common/ResourcedEmojiComponent.js +1 -1
- package/dist/esm/components/common/RetryableButton.js +2 -2
- package/dist/esm/components/common/Scrollable.js +1 -1
- package/dist/esm/components/common/ToneSelector.js +1 -1
- package/dist/esm/components/common/ToneSelectorInternal.js +1 -1
- package/dist/esm/components/common/isRefreshEmojiPickerEnabled.js +1 -1
- package/dist/esm/components/picker/CategorySelector.js +2 -2
- package/dist/esm/components/picker/EmojiPicker.js +1 -1
- package/dist/esm/components/picker/EmojiPickerCategoryHeading.js +1 -1
- package/dist/esm/components/picker/EmojiPickerComponent.js +6 -5
- package/dist/esm/components/picker/EmojiPickerFooter.js +1 -1
- package/dist/esm/components/picker/EmojiPickerInternal.js +1 -1
- package/dist/esm/components/picker/EmojiPickerList.js +1 -1
- package/dist/esm/components/picker/EmojiPickerListSearch.js +2 -2
- package/dist/esm/components/picker/EmojiPickerNoResults.js +1 -1
- package/dist/esm/components/picker/LoadingItem.js +1 -1
- package/dist/esm/components/picker/VirtualList.js +1 -1
- package/dist/esm/components/typeahead/EmojiTypeAheadItemInternal.js +1 -1
- package/dist/esm/components/typeahead/EmojiTypeAheadSpinner.js +1 -1
- package/dist/esm/components/uploader/EmojiUploader.js +1 -1
- package/dist/esm/util/analytics/analytics.js +1 -1
- package/dist/esm/util/analytics/createEvent.js +1 -1
- package/dist/esm/util/analytics/recordSelectionFailedSli.js +2 -1
- package/dist/esm/util/analytics/recordSelectionSucceededSli.js +2 -1
- package/dist/esm/util/analytics/ufoExperiences.js +3 -1
- package/dist/types/components/common/CreateEmojiWithRovo.d.ts +1 -1
- package/dist/types/components/common/EmojiActions.d.ts +1 -1
- package/dist/types/components/common/EmojiUploadPicker.d.ts +1 -1
- package/dist/types/components/common/ToneSelector.d.ts +1 -1
- package/dist/types/components/common/ToneSelectorInternal.d.ts +1 -1
- package/dist/types/components/common/UfoErrorBoundary.d.ts +1 -1
- package/dist/types/components/common/UploadEmoji.d.ts +1 -1
- package/dist/types/components/picker/EmojiPicker.d.ts +1 -1
- package/dist/types/components/picker/EmojiPickerComponent.d.ts +1 -1
- package/dist/types/components/picker/EmojiPickerInternal.d.ts +1 -1
- package/dist/types/components/picker/EmojiPickerList.d.ts +1 -1
- package/dist/types/components/typeahead/EmojiTypeAheadComponent.d.ts +1 -1
- package/dist/types/components/uploader/EmojiUploadComponent.d.ts +1 -1
- package/dist/types/components/uploader/EmojiUploader.d.ts +2 -1
- package/dist/types/util/analytics/aiGenerationCompletedEvent.d.ts +1 -1
- package/dist/types/util/analytics/aiGenerationFailedEvent.d.ts +1 -1
- package/dist/types/util/analytics/aiGenerationStartedEvent.d.ts +1 -1
- package/dist/types/util/analytics/analytics.d.ts +3 -1
- package/dist/types/util/analytics/categoryClickedEvent.d.ts +1 -1
- package/dist/types/util/analytics/closedPickerEvent.d.ts +1 -1
- package/dist/types/util/analytics/createEvent.d.ts +1 -1
- package/dist/types/util/analytics/deleteBeginEvent.d.ts +1 -1
- package/dist/types/util/analytics/deleteCancelEvent.d.ts +1 -1
- package/dist/types/util/analytics/deleteConfirmEvent.d.ts +1 -1
- package/dist/types/util/analytics/hasUfoMarked.d.ts +1 -1
- package/dist/types/util/analytics/openedPickerEvent.d.ts +1 -1
- package/dist/types/util/analytics/pickerClickedEvent.d.ts +1 -1
- package/dist/types/util/analytics/pickerSearchedEvent.d.ts +1 -1
- package/dist/types/util/analytics/samplingUfo.d.ts +1 -1
- package/dist/types/util/analytics/selectedFileEvent.d.ts +1 -1
- package/dist/types/util/analytics/toneSelectedEvent.d.ts +1 -1
- package/dist/types/util/analytics/toneSelectorClosedEvent.d.ts +1 -1
- package/dist/types/util/analytics/toneSelectorOpenedEvent.d.ts +1 -1
- package/dist/types/util/analytics/typeaheadCancelledEvent.d.ts +1 -1
- package/dist/types/util/analytics/typeaheadRenderedEvent.d.ts +1 -1
- package/dist/types/util/analytics/typeaheadSelectedEvent.d.ts +1 -1
- package/dist/types/util/analytics/ufoExperiences.d.ts +2 -1
- package/dist/types/util/analytics/uploadBeginButton.d.ts +1 -1
- package/dist/types/util/analytics/uploadCancelButton.d.ts +1 -1
- package/dist/types/util/analytics/uploadConfirmButton.d.ts +1 -1
- package/dist/types/util/analytics/uploadFailedEvent.d.ts +1 -1
- package/dist/types/util/analytics/uploadSucceededEvent.d.ts +1 -1
- package/dist/types/util/analytics/useSampledUFOComponentExperience.d.ts +2 -1
- package/docs/0-intro.tsx +1 -1
- package/docs/4-emoji-provider.tsx +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
16
16
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
17
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
18
18
|
var _jsSearch = require("js-search");
|
|
19
|
-
var
|
|
19
|
+
var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
|
|
20
20
|
var _types = require("../types");
|
|
21
21
|
var _constants = require("../util/constants");
|
|
22
22
|
var _getCategoryId = require("../util/get-category-id");
|
|
@@ -143,12 +143,12 @@ var findEmojiIndex = function findEmojiIndex(emojis, toFind) {
|
|
|
143
143
|
};
|
|
144
144
|
var teamojiRefreshExperimentName = 'platform_teamoji_26_refresh_emoji_picker';
|
|
145
145
|
var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
|
|
146
|
-
if (!
|
|
146
|
+
if (!_featureGates.default.initializeCompleted()) {
|
|
147
147
|
return false;
|
|
148
148
|
}
|
|
149
149
|
|
|
150
150
|
// eslint-disable-next-line @atlaskit/platform/use-recommended-utils
|
|
151
|
-
var isEnabled =
|
|
151
|
+
var isEnabled = _featureGates.default.getExperimentValue(teamojiRefreshExperimentName, 'isEnabled', false);
|
|
152
152
|
return isEnabled;
|
|
153
153
|
};
|
|
154
154
|
var EmojiRepository = exports.default = /*#__PURE__*/function () {
|
|
@@ -21,7 +21,7 @@ var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
|
21
21
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
22
22
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
23
|
var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
|
|
24
|
-
var
|
|
24
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
25
25
|
var _utilServiceSupport = require("@atlaskit/util-service-support");
|
|
26
26
|
var _types = require("../types");
|
|
27
27
|
var _sampledUfoEmojiResourceFetched = require("../util/analytics/sampledUfoEmojiResourceFetched");
|
|
@@ -90,7 +90,7 @@ var EmojiResource = exports.EmojiResource = /*#__PURE__*/function (_AbstractReso
|
|
|
90
90
|
var rewriteEmojiGatewayPath = function rewriteEmojiGatewayPath(url) {
|
|
91
91
|
return url.replace('/gateway/api/emoji', '/gateway/api/elements/emoji');
|
|
92
92
|
};
|
|
93
|
-
var stargateEmojiPathEnabled = (0,
|
|
93
|
+
var stargateEmojiPathEnabled = (0, _fg.fg)('use-elements-stargate-emoji-path');
|
|
94
94
|
var teamoji26RefreshEmojiPickerEnabled = isTeamoji26RefreshEmojiPickerEnabled();
|
|
95
95
|
var singleEmojiApi = config.singleEmojiApi;
|
|
96
96
|
var optimisticImageApi = config.optimisticImageApi;
|
|
@@ -280,7 +280,7 @@ var EmojiResource = exports.EmojiResource = /*#__PURE__*/function (_AbstractReso
|
|
|
280
280
|
return _regenerator.default.wrap(function (_context4) {
|
|
281
281
|
while (1) switch (_context4.prev = _context4.next) {
|
|
282
282
|
case 0:
|
|
283
|
-
shortNameLookupOrder = (0,
|
|
283
|
+
shortNameLookupOrder = (0, _fg.fg)('platform_bitbucket_fix_shortname_and_ordering') ? emojiProviderLookupOrder : undefined; // Check if repository exists and emoji is defined.
|
|
284
284
|
if (!(this.isLoaded() && this.isRepositoryAvailable(this.emojiRepository))) {
|
|
285
285
|
_context4.next = 3;
|
|
286
286
|
break;
|
|
@@ -12,7 +12,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
12
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
13
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
var
|
|
15
|
+
var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
|
|
16
16
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
17
17
|
var _utilServiceSupport = require("@atlaskit/util-service-support");
|
|
18
18
|
var _buildEmojiDescriptionWithAltRepresentation = require("../../util/build-emoji-description-with-alt-representation");
|
|
@@ -185,7 +185,7 @@ var SiteEmojiResource = exports.default = /*#__PURE__*/function () {
|
|
|
185
185
|
var url = uploadToken.url,
|
|
186
186
|
clientId = uploadToken.clientId,
|
|
187
187
|
collectionName = uploadToken.collectionName;
|
|
188
|
-
var mediaClient = (0,
|
|
188
|
+
var mediaClient = (0, _getMediaClient.getMediaClient)({
|
|
189
189
|
authProvider: function authProvider() {
|
|
190
190
|
return Promise.resolve({
|
|
191
191
|
clientId: clientId,
|
|
@@ -11,11 +11,11 @@ require("./AddEmoji.compiled.css");
|
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var React = _react;
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
|
-
var
|
|
14
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
15
15
|
var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
|
|
16
16
|
var _reactIntl = require("react-intl");
|
|
17
17
|
var _i18n = require("../i18n");
|
|
18
|
-
var
|
|
18
|
+
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
|
|
19
19
|
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); }
|
|
20
20
|
var emojiActionsTestId = exports.emojiActionsTestId = 'emoji-actions';
|
|
21
21
|
var uploadEmojiTestId = exports.uploadEmojiTestId = 'upload-emoji';
|
|
@@ -36,7 +36,7 @@ var AddOwnEmoji = exports.AddOwnEmoji = function AddOwnEmoji(props) {
|
|
|
36
36
|
var onOpenUpload = props.onOpenUpload,
|
|
37
37
|
uploadEnabled = props.uploadEnabled;
|
|
38
38
|
var handleOpenUpload = (0, _react.useCallback)(function (event) {
|
|
39
|
-
if ((0,
|
|
39
|
+
if ((0, _fg.fg)('platform_emoji_keep_picker_open_on_upload') || isRefreshEmojiPickerEnabled()) {
|
|
40
40
|
event.preventDefault();
|
|
41
41
|
event.stopPropagation();
|
|
42
42
|
}
|
|
@@ -46,7 +46,7 @@ var AddOwnEmoji = exports.AddOwnEmoji = function AddOwnEmoji(props) {
|
|
|
46
46
|
"data-testid": uploadEmojiTestId,
|
|
47
47
|
className: (0, _runtime.ax)(["_1wpz1h6o _19pkutpp _2hwxutpp _otyrutpp _18u0utpp"])
|
|
48
48
|
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.addEmojiLabel, function (label) {
|
|
49
|
-
return /*#__PURE__*/React.createElement(
|
|
49
|
+
return /*#__PURE__*/React.createElement(_button.default, {
|
|
50
50
|
onClick: handleOpenUpload,
|
|
51
51
|
tabIndex: 0,
|
|
52
52
|
id: "add-custom-emoji"
|
|
@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
14
14
|
var _reactIntl = require("react-intl");
|
|
15
15
|
var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
|
|
16
16
|
var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
|
|
17
|
-
var
|
|
17
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
18
18
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
19
19
|
var _i18n = require("../i18n");
|
|
20
20
|
var _EmojiActions = require("./EmojiActions");
|
|
@@ -30,7 +30,7 @@ var AddOwnEmoji = exports.AddOwnEmoji = function AddOwnEmoji(props) {
|
|
|
30
30
|
var onOpenUpload = props.onOpenUpload,
|
|
31
31
|
uploadEnabled = props.uploadEnabled;
|
|
32
32
|
var handleOpenUpload = (0, _react.useCallback)(function (event) {
|
|
33
|
-
if ((0,
|
|
33
|
+
if ((0, _fg.fg)('platform_emoji_keep_picker_open_on_upload') || (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)()) {
|
|
34
34
|
event.preventDefault();
|
|
35
35
|
event.stopPropagation();
|
|
36
36
|
}
|
|
@@ -15,8 +15,8 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
|
|
|
15
15
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
16
16
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
17
|
var _reactIntl = require("react-intl");
|
|
18
|
-
var
|
|
19
|
-
var
|
|
18
|
+
var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
|
|
19
|
+
var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
|
|
20
20
|
var _arrowUp = _interopRequireDefault(require("@atlaskit/icon/core/arrow-up"));
|
|
21
21
|
var _logo = require("@atlaskit/logo");
|
|
22
22
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
@@ -128,7 +128,7 @@ var CreateEmojiWithRovo = function CreateEmojiWithRovo(props) {
|
|
|
128
128
|
className: (0, _runtime.ax)(["_zulpu2gc _1e0c1txw _4cvr1y6m"])
|
|
129
129
|
}, /*#__PURE__*/React.createElement("span", {
|
|
130
130
|
className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug"])
|
|
131
|
-
}, /*#__PURE__*/React.createElement(
|
|
131
|
+
}, /*#__PURE__*/React.createElement(_textField.default, {
|
|
132
132
|
value: prompt,
|
|
133
133
|
onChange: onPromptChange,
|
|
134
134
|
placeholder: formatMessage(_i18n.messages.createEmojiWithRovoPromptPlaceholder),
|
|
@@ -136,7 +136,7 @@ var CreateEmojiWithRovo = function CreateEmojiWithRovo(props) {
|
|
|
136
136
|
isCompact: true,
|
|
137
137
|
isDisabled: isGenerating,
|
|
138
138
|
testId: createEmojiWithRovoPromptTestId
|
|
139
|
-
})), /*#__PURE__*/React.createElement(
|
|
139
|
+
})), /*#__PURE__*/React.createElement(_button.default, {
|
|
140
140
|
appearance: "primary",
|
|
141
141
|
icon: _arrowUp.default,
|
|
142
142
|
label: formatMessage(_i18n.messages.createEmojiWithRovoGenerateLabel),
|
|
@@ -15,15 +15,15 @@ var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-cir
|
|
|
15
15
|
var _constants = require("../../util/constants");
|
|
16
16
|
var _styles = require("./styles");
|
|
17
17
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
18
|
-
var
|
|
18
|
+
var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
|
|
19
19
|
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); }
|
|
20
20
|
var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
|
|
21
|
-
if (!
|
|
21
|
+
if (!_featureGates.default.initializeCompleted()) {
|
|
22
22
|
return false;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
// eslint-disable-next-line @atlaskit/platform/use-recommended-utils
|
|
26
|
-
var isEnabled =
|
|
26
|
+
var isEnabled = _featureGates.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
|
|
27
27
|
return isEnabled;
|
|
28
28
|
};
|
|
29
29
|
var styles = {
|
|
@@ -14,7 +14,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
var _reactIntl = require("react-intl");
|
|
16
16
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
17
|
-
var
|
|
17
|
+
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
18
18
|
var _types = require("../../types");
|
|
19
19
|
var _hasUfoMarked = require("../../util/analytics/hasUfoMarked");
|
|
20
20
|
var _sampledUfoRenderedEmoji = require("../../util/analytics/sampledUfoRenderedEmoji");
|
|
@@ -137,7 +137,7 @@ var EmojiNodeWrapper = exports.EmojiNodeWrapper = /*#__PURE__*/(0, _react.forwar
|
|
|
137
137
|
title: showTooltip && !(0, _expValEquals.expValEquals)('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true) ? emoji.shortName : undefined
|
|
138
138
|
}, other), children);
|
|
139
139
|
if (tooltipContent) {
|
|
140
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
140
|
+
return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
|
|
141
141
|
content: tooltipContent,
|
|
142
142
|
isScreenReaderAnnouncementDisabled: true,
|
|
143
143
|
position: "top",
|
|
@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
14
14
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
15
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
16
16
|
var _reactIntl = require("react-intl");
|
|
17
|
-
var
|
|
17
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
18
18
|
var _constants = require("../../util/constants");
|
|
19
19
|
var _i18n = require("../i18n");
|
|
20
20
|
var _EmojiPickerListSearch = require("../picker/EmojiPickerListSearch");
|
|
@@ -309,7 +309,7 @@ var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
|
|
|
309
309
|
return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
|
|
310
310
|
"data-testid": emojiActionsTestId,
|
|
311
311
|
onMouseLeave: onMouseLeaveHandler,
|
|
312
|
-
onBlur: (0,
|
|
312
|
+
onBlur: (0, _fg.fg)('platform_suppression_removal_fix_reactions') ? onMouseLeaveHandler : undefined,
|
|
313
313
|
className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug"])
|
|
314
314
|
}, /*#__PURE__*/React.createElement("div", {
|
|
315
315
|
className: (0, _runtime.ax)(["_1e0c1txw _1bahesu3 _4cvr1h6o"])
|
|
@@ -327,7 +327,7 @@ var EmojiActions = exports.EmojiActions = function EmojiActions(props) {
|
|
|
327
327
|
})))) : /*#__PURE__*/React.createElement("div", {
|
|
328
328
|
"data-testid": emojiActionsTestId,
|
|
329
329
|
onMouseLeave: onMouseLeaveHandler,
|
|
330
|
-
onBlur: (0,
|
|
330
|
+
onBlur: (0, _fg.fg)('platform_suppression_removal_fix_reactions') ? onMouseLeaveHandler : undefined,
|
|
331
331
|
className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _n7zl1uh4 _16qsjgpa"])
|
|
332
332
|
}, /*#__PURE__*/React.createElement("div", {
|
|
333
333
|
className: (0, _runtime.ax)(["_1e0c1txw _1bahesu3 _4cvr1h6o"])
|
|
@@ -18,10 +18,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
18
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
19
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
20
20
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
-
var
|
|
21
|
+
var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
|
|
22
22
|
var _reactIntl = require("react-intl");
|
|
23
|
-
var
|
|
24
|
-
var _heading = _interopRequireDefault(require("@atlaskit/heading"));
|
|
23
|
+
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
|
|
24
|
+
var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
|
|
25
25
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
26
26
|
var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
|
|
27
27
|
var _i18n = require("../i18n");
|
|
@@ -33,12 +33,12 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
33
33
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
34
34
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
35
35
|
var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
|
|
36
|
-
if (!
|
|
36
|
+
if (!_featureGates.default.initializeCompleted()) {
|
|
37
37
|
return false;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
// eslint-disable-next-line @atlaskit/platform/use-recommended-utils
|
|
41
|
-
var isEnabled =
|
|
41
|
+
var isEnabled = _featureGates.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
|
|
42
42
|
return isEnabled;
|
|
43
43
|
};
|
|
44
44
|
var deleteFooter = null;
|
|
@@ -144,7 +144,7 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
|
|
|
144
144
|
tooltip: true
|
|
145
145
|
}) : null, /*#__PURE__*/React.createElement(_visuallyHidden.default, {
|
|
146
146
|
id: deleteEmojiLabelId
|
|
147
|
-
}, formatMessage(_i18n.messages.deleteEmojiLabel)), /*#__PURE__*/React.createElement(
|
|
147
|
+
}, formatMessage(_i18n.messages.deleteEmojiLabel)), /*#__PURE__*/React.createElement(_button.default, {
|
|
148
148
|
appearance: "subtle",
|
|
149
149
|
onClick: this.onCancel
|
|
150
150
|
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.cancelLabel)), /*#__PURE__*/React.createElement(_RetryableButton.default, {
|
|
@@ -191,7 +191,7 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
|
|
|
191
191
|
loading: loading,
|
|
192
192
|
error: error,
|
|
193
193
|
ariaLabelledBy: "".concat(_EmojiErrorMessage.emojiErrorScreenreaderTestId, " ").concat(deleteEmojiLabelId)
|
|
194
|
-
}), /*#__PURE__*/React.createElement(
|
|
194
|
+
}), /*#__PURE__*/React.createElement(_button.default, {
|
|
195
195
|
appearance: "subtle",
|
|
196
196
|
onClick: this.onCancel
|
|
197
197
|
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.cancelLabel))))));
|
|
@@ -10,20 +10,20 @@ exports.emojiErrorScreenreaderTestId = exports.emojiErrorMessageTooltipTestId =
|
|
|
10
10
|
require("./EmojiErrorMessage.compiled.css");
|
|
11
11
|
var React = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var
|
|
13
|
+
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
14
14
|
var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
|
|
15
|
-
var
|
|
15
|
+
var _errorMessage = require("@atlaskit/form/error-message");
|
|
16
16
|
var _reactIntl = require("react-intl");
|
|
17
|
-
var
|
|
17
|
+
var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
|
|
18
18
|
var _i18n = require("../i18n");
|
|
19
19
|
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); }
|
|
20
20
|
var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
|
|
21
|
-
if (!
|
|
21
|
+
if (!_featureGates.default.initializeCompleted()) {
|
|
22
22
|
return false;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
// eslint-disable-next-line @atlaskit/platform/use-recommended-utils
|
|
26
|
-
var isEnabled =
|
|
26
|
+
var isEnabled = _featureGates.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
|
|
27
27
|
return isEnabled;
|
|
28
28
|
};
|
|
29
29
|
var errorMessageStyles = {
|
|
@@ -44,7 +44,7 @@ var EmojiErrorMessage = function EmojiErrorMessage(props) {
|
|
|
44
44
|
var visualContent = tooltip ? /*#__PURE__*/React.createElement("div", {
|
|
45
45
|
"data-testid": emojiErrorMessageTestId,
|
|
46
46
|
className: (0, _runtime.ax)([errorMessageStyles[errorStyle]])
|
|
47
|
-
}, /*#__PURE__*/React.createElement(
|
|
47
|
+
}, /*#__PURE__*/React.createElement(_Tooltip.default, {
|
|
48
48
|
content: message,
|
|
49
49
|
position: "top",
|
|
50
50
|
testId: emojiErrorMessageTooltipTestId
|
|
@@ -55,7 +55,7 @@ var EmojiErrorMessage = function EmojiErrorMessage(props) {
|
|
|
55
55
|
testId: emojiErrorIconTestId
|
|
56
56
|
}))) : isRefreshEmojiPickerEnabled() ? /*#__PURE__*/React.createElement("div", {
|
|
57
57
|
"data-testid": emojiErrorMessageTestId
|
|
58
|
-
}, /*#__PURE__*/React.createElement(
|
|
58
|
+
}, /*#__PURE__*/React.createElement(_errorMessage.ErrorMessage, null, message)) : /*#__PURE__*/React.createElement("div", {
|
|
59
59
|
"data-testid": emojiErrorMessageTestId,
|
|
60
60
|
className: (0, _runtime.ax)([errorMessageStyles[errorStyle]])
|
|
61
61
|
}, /*#__PURE__*/React.createElement(_statusError.default, {
|
|
@@ -15,7 +15,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
|
|
|
15
15
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
16
16
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
17
|
var _reactIntl = require("react-intl");
|
|
18
|
-
var
|
|
18
|
+
var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
|
|
19
19
|
var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
|
|
20
20
|
var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
|
|
21
21
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
@@ -28,19 +28,19 @@ var _EmojiErrorMessage = _interopRequireDefault(require("./EmojiErrorMessage"));
|
|
|
28
28
|
var _EmojiUploadPreview = _interopRequireDefault(require("./EmojiUploadPreview"));
|
|
29
29
|
var _FileChooser = _interopRequireDefault(require("./FileChooser"));
|
|
30
30
|
var _internalTypes = require("./internal-types");
|
|
31
|
-
var
|
|
32
|
-
var
|
|
31
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
32
|
+
var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
|
|
33
33
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
34
|
-
var
|
|
34
|
+
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
|
|
35
35
|
var _browserApis = require("@atlaskit/browser-apis");
|
|
36
36
|
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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
37
37
|
var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
|
|
38
|
-
if (!
|
|
38
|
+
if (!_featureGates.default.initializeCompleted()) {
|
|
39
39
|
return false;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
// eslint-disable-next-line @atlaskit/platform/use-recommended-utils
|
|
43
|
-
var isEnabled =
|
|
43
|
+
var isEnabled = _featureGates.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
|
|
44
44
|
return isEnabled;
|
|
45
45
|
};
|
|
46
46
|
var closeEmojiUploadButton = null;
|
|
@@ -153,7 +153,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
|
|
|
153
153
|
}))), aiSection, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", {
|
|
154
154
|
htmlFor: "new-emoji-name-input",
|
|
155
155
|
className: (0, _runtime.ax)(["_1w90azsu", "_11c8wadc _k48p1pd9"])
|
|
156
|
-
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiNameLabel)), /*#__PURE__*/React.createElement(
|
|
156
|
+
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiNameLabel)), /*#__PURE__*/React.createElement(_textField.default, {
|
|
157
157
|
placeholder: emojiPlaceholder,
|
|
158
158
|
"aria-label": emojiNameAriaLabel,
|
|
159
159
|
maxLength: maxNameLength,
|
|
@@ -172,12 +172,12 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
|
|
|
172
172
|
message: nameErrorMessage
|
|
173
173
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
174
174
|
className: (0, _runtime.ax)(["_zulpu2gc _1e0c1txw _1bahesu3 _4cvr1h6o _ca0qu2gc _n3tdutpp"])
|
|
175
|
-
}, /*#__PURE__*/React.createElement(
|
|
175
|
+
}, /*#__PURE__*/React.createElement(_button.default, {
|
|
176
176
|
onClick: onUploadCancelled,
|
|
177
177
|
appearance: "subtle",
|
|
178
178
|
isDisabled: isUploading,
|
|
179
179
|
testId: cancelEmojiUploadPickerTestId
|
|
180
|
-
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.cancelLabel)), /*#__PURE__*/React.createElement(
|
|
180
|
+
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.cancelLabel)), /*#__PURE__*/React.createElement(_button.default, {
|
|
181
181
|
onClick: onAddEmoji,
|
|
182
182
|
appearance: "primary",
|
|
183
183
|
isDisabled: addEmojiDisabled,
|
|
@@ -207,7 +207,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
|
|
|
207
207
|
className: (0, _runtime.ax)(["_1e0c1txw _1bah1yb4 _n3tdu2gc _gy1p12x7"])
|
|
208
208
|
}, /*#__PURE__*/React.createElement("span", {
|
|
209
209
|
className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug _1rwq1j28 _scffidpf _xmji1r31 _gxxuglyw _34ir1o36 _coc6glyw _9bj2glyw"])
|
|
210
|
-
}, /*#__PURE__*/React.createElement(
|
|
210
|
+
}, /*#__PURE__*/React.createElement(_textField.default, {
|
|
211
211
|
placeholder: emojiPlaceholder,
|
|
212
212
|
"aria-label": emojiNameAriaLabel,
|
|
213
213
|
maxLength: maxNameLength,
|
|
@@ -418,7 +418,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
|
|
|
418
418
|
}
|
|
419
419
|
}, [cancelChooseFile, errorOnUpload, onFileLoad, onUploadPreviewErrorChange]);
|
|
420
420
|
var cancelUpload = (0, _react.useCallback)(function (event) {
|
|
421
|
-
if ((0,
|
|
421
|
+
if ((0, _fg.fg)('platform_emoji_keep_picker_open_on_upload') || isRefreshEmojiPickerEnabled()) {
|
|
422
422
|
event === null || event === void 0 || event.preventDefault();
|
|
423
423
|
event === null || event === void 0 || event.stopPropagation();
|
|
424
424
|
}
|
|
@@ -18,7 +18,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
18
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
19
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
20
20
|
var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
|
|
21
|
-
var _heading = _interopRequireDefault(require("@atlaskit/heading"));
|
|
21
|
+
var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
|
|
22
22
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
23
23
|
var _reactIntl = require("react-intl");
|
|
24
24
|
var _constants = require("../../util/constants");
|
|
@@ -11,19 +11,20 @@ require("./FileChooser.compiled.css");
|
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
-
var
|
|
14
|
+
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
|
|
15
15
|
var _upload = _interopRequireDefault(require("@atlaskit/icon/core/upload"));
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
16
|
+
var _dropTargetForExternal = require("@atlaskit/pragmatic-drag-and-drop/adapter/drop-target-for-external");
|
|
17
|
+
var _containsFiles = require("@atlaskit/pragmatic-drag-and-drop/utils/contains-files");
|
|
18
|
+
var _getFiles = require("@atlaskit/pragmatic-drag-and-drop/utils/get-files");
|
|
19
|
+
var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
|
|
19
20
|
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); }
|
|
20
21
|
var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
|
|
21
|
-
if (!
|
|
22
|
+
if (!_featureGates.default.initializeCompleted()) {
|
|
22
23
|
return false;
|
|
23
24
|
}
|
|
24
25
|
|
|
25
26
|
// eslint-disable-next-line @atlaskit/platform/use-recommended-utils
|
|
26
|
-
var isEnabled =
|
|
27
|
+
var isEnabled = _featureGates.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
|
|
27
28
|
return isEnabled;
|
|
28
29
|
};
|
|
29
30
|
var chooseFileButtonTestId = exports.chooseFileButtonTestId = 'choose-file-button';
|
|
@@ -139,9 +140,9 @@ var FileChooser = function FileChooser(props) {
|
|
|
139
140
|
window.addEventListener('dragleave', onWindowFileDragLeave, true);
|
|
140
141
|
// eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
|
|
141
142
|
window.addEventListener('drop', onWindowFileDrop, true);
|
|
142
|
-
var cleanupDropTarget = (0,
|
|
143
|
+
var cleanupDropTarget = (0, _dropTargetForExternal.dropTargetForExternal)({
|
|
143
144
|
element: element,
|
|
144
|
-
canDrop:
|
|
145
|
+
canDrop: _containsFiles.containsFiles,
|
|
145
146
|
onDragEnter: function onDragEnter() {
|
|
146
147
|
if (!isDropDisabled) {
|
|
147
148
|
setIsDragging(true);
|
|
@@ -154,7 +155,7 @@ var FileChooser = function FileChooser(props) {
|
|
|
154
155
|
var source = _ref.source;
|
|
155
156
|
setIsDragging(false);
|
|
156
157
|
if (!isDropDisabled) {
|
|
157
|
-
var files = (0,
|
|
158
|
+
var files = (0, _getFiles.getFiles)({
|
|
158
159
|
source: source
|
|
159
160
|
});
|
|
160
161
|
handleFileDrop(files);
|
|
@@ -198,7 +199,7 @@ var FileChooser = function FileChooser(props) {
|
|
|
198
199
|
src: previewImage,
|
|
199
200
|
alt: previewAlt,
|
|
200
201
|
className: (0, _runtime.ax)(["_c71l1j4a _p12f1osq _5ral1f51"])
|
|
201
|
-
}) : /*#__PURE__*/_react.default.createElement(
|
|
202
|
+
}) : /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
202
203
|
onClick: handleOnChooseFile,
|
|
203
204
|
isDisabled: isDisabled,
|
|
204
205
|
appearance: "subtle",
|
|
@@ -208,7 +209,7 @@ var FileChooser = function FileChooser(props) {
|
|
|
208
209
|
ref: fileButtonRef
|
|
209
210
|
}, label), hiddenInput);
|
|
210
211
|
}
|
|
211
|
-
return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(
|
|
212
|
+
return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
212
213
|
onClick: handleOnChooseFile,
|
|
213
214
|
isDisabled: isDisabled,
|
|
214
215
|
"aria-describedby": ariaDescribedBy,
|
|
@@ -12,7 +12,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
14
|
var _browserApis = require("@atlaskit/browser-apis");
|
|
15
|
-
var
|
|
15
|
+
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
16
16
|
var _shouldUseAltRepresentation = require("../../api/shouldUseAltRepresentation");
|
|
17
17
|
var _useInView3 = require("../../hooks/useInView");
|
|
18
18
|
var _types = require("../../types");
|
|
@@ -164,7 +164,7 @@ var ImageEmoji = exports.ImageEmoji = function ImageEmoji(props) {
|
|
|
164
164
|
|
|
165
165
|
// show a tooltip for deletable emoji only on focus
|
|
166
166
|
if (showDelete) {
|
|
167
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
167
|
+
return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
|
|
168
168
|
content: /*#__PURE__*/_react.default.createElement(_DeletableEmojiTooltipContent.DeletableEmojiTooltipContent, null),
|
|
169
169
|
position: "right-start",
|
|
170
170
|
tag: "span"
|
|
@@ -10,13 +10,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
12
12
|
var _client = require("react-dom/client");
|
|
13
|
-
var
|
|
13
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
14
14
|
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); }
|
|
15
15
|
var reactRoots = new WeakMap();
|
|
16
16
|
|
|
17
17
|
/** Mounts `element` into `mountPoint`: uses the React 18/19 `createRoot` API when `nike_r19_render_unmount` is on, else the legacy render path. */
|
|
18
18
|
var renderToMountPoint = function renderToMountPoint(element, mountPoint) {
|
|
19
|
-
if ((0,
|
|
19
|
+
if ((0, _fg.fg)('nike_r19_render_unmount')) {
|
|
20
20
|
var root = reactRoots.get(mountPoint);
|
|
21
21
|
if (!root) {
|
|
22
22
|
root = (0, _client.createRoot)(mountPoint);
|
|
@@ -30,7 +30,7 @@ var renderToMountPoint = function renderToMountPoint(element, mountPoint) {
|
|
|
30
30
|
|
|
31
31
|
/** Unmounts the tree at `mountPoint`: uses `root.unmount()` when `nike_r19_render_unmount` is on, else the legacy unmount path. */
|
|
32
32
|
var unmountFromMountPoint = function unmountFromMountPoint(mountPoint) {
|
|
33
|
-
if ((0,
|
|
33
|
+
if ((0, _fg.fg)('nike_r19_render_unmount')) {
|
|
34
34
|
var root = reactRoots.get(mountPoint);
|
|
35
35
|
if (root) {
|
|
36
36
|
root.unmount();
|
|
@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var React = _react;
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
14
|
var _reactIntl = require("react-intl");
|
|
15
|
-
var _radio = require("@atlaskit/radio");
|
|
15
|
+
var _radio = _interopRequireDefault(require("@atlaskit/radio/radio"));
|
|
16
16
|
var _productivityColors = require("../../util/productivity-colors");
|
|
17
17
|
var _i18n = require("../i18n");
|
|
18
18
|
var _Emoji = _interopRequireDefault(require("./Emoji"));
|
|
@@ -98,7 +98,7 @@ var ProductivityColorSelector = exports.ProductivityColorSelector = function Pro
|
|
|
98
98
|
return /*#__PURE__*/React.createElement("div", {
|
|
99
99
|
key: color,
|
|
100
100
|
className: (0, _runtime.ax)(["_4t3izwfg _kqswh2mm _1bsbzwfg _1355fajl _soq51h6o _ngzz1txw _1030zwfg _6vsr1h6o _ecyuidpf _8qdiidpf _7kzvidpf _ev8ridpf _6rawzwfg _tnsm1r31 _hxs6glyw _13yj1o36 _1pi91y54 _1rgq13zc _1eq11h6o _1vzltlke _17muzwfg _1wqq1h6o _1p1fzwfg _12ultlke _pytkzwfg _2x4gze3t _12hvze3t _x5bdze3t _1rgfze3t _1e7sidpf _khufstnw _5hv9zwfg _1nn0kb7n _smb7plhp _15fn7qp0"])
|
|
101
|
-
}, /*#__PURE__*/React.createElement(_radio.
|
|
101
|
+
}, /*#__PURE__*/React.createElement(_radio.default, {
|
|
102
102
|
ref: function ref(el) {
|
|
103
103
|
radioRefs.current[index] = el;
|
|
104
104
|
if (focusSelectedColorOnMount && selectedColor === color && el && !hasFocusedSelectedColor.current) {
|
|
@@ -14,7 +14,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
14
14
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
15
15
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
var
|
|
17
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
18
18
|
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
19
19
|
var _EmojiCommonProvider = require("../../context/EmojiCommonProvider");
|
|
20
20
|
var _types = require("../../types");
|
|
@@ -110,7 +110,7 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
|
|
|
110
110
|
}) : emojiId; // A shortName-only optimistic request can resolve without an emoji before the catalogue loads.
|
|
111
111
|
// Use the non-optimistic path so it waits for the catalogue and tokenizes custom emoji media.
|
|
112
112
|
shouldFetchOptimistically = useUnicodeEmojis ? optimisticFetch && Boolean(emojiId.id) : optimisticFetch;
|
|
113
|
-
foundEmoji = _emojiProvider.fetchByEmojiId(normalizedEmojiId, shouldFetchOptimistically, (0,
|
|
113
|
+
foundEmoji = _emojiProvider.fetchByEmojiId(normalizedEmojiId, shouldFetchOptimistically, (0, _fg.fg)('platform_bitbucket_fix_shortname_and_ordering') ? emojiProviderLookupOrder : undefined);
|
|
114
114
|
(0, _sampledUfoRenderedEmoji.sampledUfoRenderedEmoji)(emojiId).mark(_types.UfoEmojiTimings.METADATA_START);
|
|
115
115
|
if ((0, _isPromise.isPromise)(foundEmoji)) {
|
|
116
116
|
setLoaded(false);
|
|
@@ -222,7 +222,7 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
|
|
|
222
222
|
}
|
|
223
223
|
|
|
224
224
|
// reduce blast radius by targeting page title
|
|
225
|
-
if (pageTitleEmoji && optimisticImageURL && (0,
|
|
225
|
+
if (pageTitleEmoji && optimisticImageURL && (0, _fg.fg)('platform_emoji_prevent_img_src_changing')) {
|
|
226
226
|
return {
|
|
227
227
|
id: id,
|
|
228
228
|
shortName: shortName,
|
|
@@ -238,7 +238,7 @@ var ResourcedEmojiComponent = exports.ResourcedEmojiComponent = function Resourc
|
|
|
238
238
|
};
|
|
239
239
|
}
|
|
240
240
|
// extend prevention to all surfaces
|
|
241
|
-
if (optimisticImageURL && (0,
|
|
241
|
+
if (optimisticImageURL && (0, _fg.fg)('platform_emoji_prevent_img_src_changing_all')) {
|
|
242
242
|
return {
|
|
243
243
|
id: id,
|
|
244
244
|
shortName: shortName,
|