@atlaskit/emoji 73.3.3 → 73.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/dist/cjs/api/EmojiRepository.js +1 -7
- package/dist/cjs/api/EmojiResource.js +1 -3
- package/dist/cjs/components/common/DeleteButton.js +2 -8
- package/dist/cjs/components/common/EmojiActions.compiled.css +1 -3
- package/dist/cjs/components/common/EmojiActions.js +6 -45
- package/dist/cjs/components/common/EmojiDeletePreview.compiled.css +1 -16
- package/dist/cjs/components/common/EmojiDeletePreview.js +17 -65
- package/dist/cjs/components/common/EmojiErrorMessage.js +2 -9
- package/dist/cjs/components/common/EmojiRadioButton.js +3 -4
- package/dist/cjs/components/common/EmojiUploadPicker.compiled.css +1 -14
- package/dist/cjs/components/common/EmojiUploadPicker.js +7 -90
- package/dist/cjs/components/common/FileChooser.js +15 -25
- package/dist/cjs/components/common/TonePreviewButton.compiled.css +1 -2
- package/dist/cjs/components/common/TonePreviewButton.js +2 -23
- package/dist/cjs/components/common/ToneSelectorInternal.js +1 -10
- package/dist/cjs/components/picker/CategorySelector.compiled.css +0 -6
- package/dist/cjs/components/picker/CategorySelector.js +5 -44
- package/dist/cjs/components/picker/EmojiPickerComponent.compiled.css +1 -2
- package/dist/cjs/components/picker/EmojiPickerComponent.js +38 -57
- package/dist/cjs/components/picker/EmojiPickerEmojiRow.js +1 -2
- package/dist/cjs/components/picker/EmojiPickerFooter.compiled.css +0 -2
- package/dist/cjs/components/picker/EmojiPickerFooter.js +1 -8
- package/dist/cjs/components/picker/EmojiPickerInternal.compiled.css +1 -2
- package/dist/cjs/components/picker/EmojiPickerInternal.js +1 -9
- package/dist/cjs/components/picker/EmojiPickerList.js +30 -36
- package/dist/cjs/components/picker/EmojiPickerListSearch.compiled.css +0 -1
- package/dist/cjs/components/picker/EmojiPickerListSearch.js +2 -24
- package/dist/cjs/components/picker/EmojiPickerSizes.js +0 -1
- package/dist/cjs/components/picker/VirtualList.js +2 -3
- package/dist/cjs/components/picker/categories.js +1 -84
- package/dist/cjs/components/uploader/EmojiUploadComponent.js +0 -2
- package/dist/cjs/util/constants.js +1 -2
- package/dist/es2019/api/EmojiRepository.js +1 -7
- package/dist/es2019/api/EmojiResource.js +1 -3
- package/dist/es2019/components/common/DeleteButton.js +2 -8
- package/dist/es2019/components/common/EmojiActions.compiled.css +1 -3
- package/dist/es2019/components/common/EmojiActions.js +6 -45
- package/dist/es2019/components/common/EmojiDeletePreview.compiled.css +1 -16
- package/dist/es2019/components/common/EmojiDeletePreview.js +17 -65
- package/dist/es2019/components/common/EmojiErrorMessage.js +2 -9
- package/dist/es2019/components/common/EmojiRadioButton.js +2 -3
- package/dist/es2019/components/common/EmojiUploadPicker.compiled.css +1 -14
- package/dist/es2019/components/common/EmojiUploadPicker.js +7 -87
- package/dist/es2019/components/common/FileChooser.js +15 -25
- package/dist/es2019/components/common/TonePreviewButton.compiled.css +1 -2
- package/dist/es2019/components/common/TonePreviewButton.js +2 -23
- package/dist/es2019/components/common/ToneSelectorInternal.js +1 -10
- package/dist/es2019/components/picker/CategorySelector.compiled.css +0 -6
- package/dist/es2019/components/picker/CategorySelector.js +5 -44
- package/dist/es2019/components/picker/EmojiPickerComponent.compiled.css +1 -2
- package/dist/es2019/components/picker/EmojiPickerComponent.js +44 -61
- package/dist/es2019/components/picker/EmojiPickerEmojiRow.js +1 -2
- package/dist/es2019/components/picker/EmojiPickerFooter.compiled.css +0 -2
- package/dist/es2019/components/picker/EmojiPickerFooter.js +1 -8
- package/dist/es2019/components/picker/EmojiPickerInternal.compiled.css +1 -2
- package/dist/es2019/components/picker/EmojiPickerInternal.js +1 -9
- package/dist/es2019/components/picker/EmojiPickerList.js +29 -35
- package/dist/es2019/components/picker/EmojiPickerListSearch.compiled.css +0 -1
- package/dist/es2019/components/picker/EmojiPickerListSearch.js +2 -24
- package/dist/es2019/components/picker/EmojiPickerSizes.js +1 -2
- package/dist/es2019/components/picker/VirtualList.js +2 -3
- package/dist/es2019/components/picker/categories.js +0 -83
- package/dist/es2019/components/uploader/EmojiUploadComponent.js +0 -2
- package/dist/es2019/util/constants.js +0 -1
- package/dist/esm/api/EmojiRepository.js +1 -7
- package/dist/esm/api/EmojiResource.js +1 -3
- package/dist/esm/components/common/DeleteButton.js +2 -8
- package/dist/esm/components/common/EmojiActions.compiled.css +1 -3
- package/dist/esm/components/common/EmojiActions.js +6 -45
- package/dist/esm/components/common/EmojiDeletePreview.compiled.css +1 -16
- package/dist/esm/components/common/EmojiDeletePreview.js +17 -65
- package/dist/esm/components/common/EmojiErrorMessage.js +2 -9
- package/dist/esm/components/common/EmojiRadioButton.js +3 -4
- package/dist/esm/components/common/EmojiUploadPicker.compiled.css +1 -14
- package/dist/esm/components/common/EmojiUploadPicker.js +7 -90
- package/dist/esm/components/common/FileChooser.js +15 -25
- package/dist/esm/components/common/TonePreviewButton.compiled.css +1 -2
- package/dist/esm/components/common/TonePreviewButton.js +2 -23
- package/dist/esm/components/common/ToneSelectorInternal.js +1 -10
- package/dist/esm/components/picker/CategorySelector.compiled.css +0 -6
- package/dist/esm/components/picker/CategorySelector.js +6 -45
- package/dist/esm/components/picker/EmojiPickerComponent.compiled.css +1 -2
- package/dist/esm/components/picker/EmojiPickerComponent.js +39 -58
- package/dist/esm/components/picker/EmojiPickerEmojiRow.js +1 -2
- package/dist/esm/components/picker/EmojiPickerFooter.compiled.css +0 -2
- package/dist/esm/components/picker/EmojiPickerFooter.js +1 -8
- package/dist/esm/components/picker/EmojiPickerInternal.compiled.css +1 -2
- package/dist/esm/components/picker/EmojiPickerInternal.js +1 -9
- package/dist/esm/components/picker/EmojiPickerList.js +31 -37
- package/dist/esm/components/picker/EmojiPickerListSearch.compiled.css +0 -1
- package/dist/esm/components/picker/EmojiPickerListSearch.js +2 -24
- package/dist/esm/components/picker/EmojiPickerSizes.js +1 -2
- package/dist/esm/components/picker/VirtualList.js +2 -3
- package/dist/esm/components/picker/categories.js +0 -83
- package/dist/esm/components/uploader/EmojiUploadComponent.js +0 -2
- package/dist/esm/util/constants.js +0 -1
- package/dist/types/components/common/EmojiUploadPicker.d.ts +0 -1
- package/dist/types/components/picker/EmojiPickerSizes.d.ts +0 -1
- package/dist/types/components/picker/categories.d.ts +0 -1
- package/dist/types/components/uploader/EmojiUploadComponent.d.ts +0 -1
- package/dist/types/components/uploader/EmojiUploader.d.ts +0 -1
- package/dist/types/util/constants.d.ts +0 -1
- package/package.json +1 -14
- package/dist/cjs/components/common/AddOwnEmoji.compiled.css +0 -6
- package/dist/cjs/components/common/AddOwnEmoji.js +0 -58
- package/dist/cjs/components/common/EmojiUploadPreview.compiled.css +0 -19
- package/dist/cjs/components/common/EmojiUploadPreview.js +0 -119
- package/dist/cjs/components/common/isRefreshEmojiPickerEnabled.js +0 -10
- package/dist/cjs/components/picker/sortCategories.js +0 -15
- package/dist/cjs/util/teamoji26RefreshEmojiPicker.js +0 -19
- package/dist/es2019/components/common/AddOwnEmoji.compiled.css +0 -6
- package/dist/es2019/components/common/AddOwnEmoji.js +0 -49
- package/dist/es2019/components/common/EmojiUploadPreview.compiled.css +0 -19
- package/dist/es2019/components/common/EmojiUploadPreview.js +0 -100
- package/dist/es2019/components/common/isRefreshEmojiPickerEnabled.js +0 -4
- package/dist/es2019/components/picker/sortCategories.js +0 -7
- package/dist/es2019/util/teamoji26RefreshEmojiPicker.js +0 -13
- package/dist/esm/components/common/AddOwnEmoji.compiled.css +0 -6
- package/dist/esm/components/common/AddOwnEmoji.js +0 -49
- package/dist/esm/components/common/EmojiUploadPreview.compiled.css +0 -19
- package/dist/esm/components/common/EmojiUploadPreview.js +0 -110
- package/dist/esm/components/common/isRefreshEmojiPickerEnabled.js +0 -4
- package/dist/esm/components/picker/sortCategories.js +0 -9
- package/dist/esm/util/teamoji26RefreshEmojiPicker.js +0 -13
- package/dist/types/components/common/AddOwnEmoji.d.ts +0 -9
- package/dist/types/components/common/EmojiUploadPreview.d.ts +0 -22
- package/dist/types/components/common/isRefreshEmojiPickerEnabled.d.ts +0 -1
- package/dist/types/components/picker/sortCategories.d.ts +0 -6
- package/dist/types/util/teamoji26RefreshEmojiPicker.d.ts +0 -6
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import AtlassianIcon from '@atlaskit/icon-lab/core/atlassian';
|
|
2
|
-
import AddIcon from '@atlaskit/icon/core/add';
|
|
3
2
|
import BasketballIcon from '@atlaskit/icon/core/basketball';
|
|
4
|
-
import CheckCircleIcon from '@atlaskit/icon/core/check-circle';
|
|
5
3
|
import ClockIcon from '@atlaskit/icon/core/clock';
|
|
6
4
|
import EmojiIcon from '@atlaskit/icon/core/emoji';
|
|
7
5
|
import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
|
|
@@ -12,87 +10,6 @@ import TakeoutFoodIcon from '@atlaskit/icon/core/takeout-food';
|
|
|
12
10
|
import TreeIcon from '@atlaskit/icon/core/tree';
|
|
13
11
|
import VehicleCarIcon from '@atlaskit/icon/core/vehicle-car';
|
|
14
12
|
import { customCategory, userCustomTitle, customTitle } from '../../util/constants';
|
|
15
|
-
export var CategoryDescriptionMap = {
|
|
16
|
-
SEARCH: {
|
|
17
|
-
id: 'SEARCH',
|
|
18
|
-
name: 'categoriesSearchResults',
|
|
19
|
-
// refers to i18n categoriesSearchResults key
|
|
20
|
-
icon: undefined,
|
|
21
|
-
order: 0
|
|
22
|
-
},
|
|
23
|
-
FREQUENT: {
|
|
24
|
-
id: 'FREQUENT',
|
|
25
|
-
name: 'frequentCategory',
|
|
26
|
-
icon: ClockIcon,
|
|
27
|
-
order: 1
|
|
28
|
-
},
|
|
29
|
-
PEOPLE: {
|
|
30
|
-
id: 'PEOPLE',
|
|
31
|
-
name: 'peopleCategory',
|
|
32
|
-
icon: EmojiIcon,
|
|
33
|
-
order: 2
|
|
34
|
-
},
|
|
35
|
-
NATURE: {
|
|
36
|
-
id: 'NATURE',
|
|
37
|
-
name: 'natureCategory',
|
|
38
|
-
icon: TreeIcon,
|
|
39
|
-
order: 3
|
|
40
|
-
},
|
|
41
|
-
FOODS: {
|
|
42
|
-
id: 'FOODS',
|
|
43
|
-
name: 'foodsCategory',
|
|
44
|
-
icon: TakeoutFoodIcon,
|
|
45
|
-
order: 4
|
|
46
|
-
},
|
|
47
|
-
ACTIVITY: {
|
|
48
|
-
id: 'ACTIVITY',
|
|
49
|
-
name: 'activityCategory',
|
|
50
|
-
icon: BasketballIcon,
|
|
51
|
-
order: 5
|
|
52
|
-
},
|
|
53
|
-
PLACES: {
|
|
54
|
-
id: 'PLACES',
|
|
55
|
-
name: 'placesCategory',
|
|
56
|
-
icon: VehicleCarIcon,
|
|
57
|
-
order: 6
|
|
58
|
-
},
|
|
59
|
-
OBJECTS: {
|
|
60
|
-
id: 'OBJECTS',
|
|
61
|
-
name: 'objectsCategory',
|
|
62
|
-
icon: LightbulbIcon,
|
|
63
|
-
order: 7
|
|
64
|
-
},
|
|
65
|
-
SYMBOLS: {
|
|
66
|
-
id: 'SYMBOLS',
|
|
67
|
-
name: 'symbolsCategory',
|
|
68
|
-
icon: HeartIcon,
|
|
69
|
-
order: 8
|
|
70
|
-
},
|
|
71
|
-
FLAGS: {
|
|
72
|
-
id: 'FLAGS',
|
|
73
|
-
name: 'flagsCategory',
|
|
74
|
-
icon: FlagIcon,
|
|
75
|
-
order: 9
|
|
76
|
-
},
|
|
77
|
-
ATLASSIAN: {
|
|
78
|
-
id: 'ATLASSIAN',
|
|
79
|
-
name: 'productivityCategory',
|
|
80
|
-
icon: CheckCircleIcon,
|
|
81
|
-
order: 10
|
|
82
|
-
},
|
|
83
|
-
USER_CUSTOM: {
|
|
84
|
-
id: customCategory,
|
|
85
|
-
name: userCustomTitle,
|
|
86
|
-
icon: AddIcon,
|
|
87
|
-
order: 11
|
|
88
|
-
},
|
|
89
|
-
CUSTOM: {
|
|
90
|
-
id: customCategory,
|
|
91
|
-
name: customTitle,
|
|
92
|
-
icon: AddIcon,
|
|
93
|
-
order: 12
|
|
94
|
-
}
|
|
95
|
-
};
|
|
96
13
|
export var CategoryDescriptionMapNew = {
|
|
97
14
|
SEARCH: {
|
|
98
15
|
id: 'SEARCH',
|
|
@@ -23,7 +23,6 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
|
|
|
23
23
|
var emojiProvider = props.emojiProvider,
|
|
24
24
|
createAnalyticsEvent = props.createAnalyticsEvent,
|
|
25
25
|
onUploaderRef = props.onUploaderRef,
|
|
26
|
-
disableFocusLock = props.disableFocusLock,
|
|
27
26
|
contentId = props.contentId;
|
|
28
27
|
var _useState = useState(),
|
|
29
28
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -126,7 +125,6 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
|
|
|
126
125
|
onUploadCancelled: onUploadCancelled,
|
|
127
126
|
onUploadEmoji: onUploadEmoji,
|
|
128
127
|
errorMessage: uploadErrorMessage ? /*#__PURE__*/React.createElement(FormattedMessage, uploadErrorMessage) : null,
|
|
129
|
-
disableFocusLock: disableFocusLock,
|
|
130
128
|
contentId: contentId,
|
|
131
129
|
fireAnalytics: fireAnalytics
|
|
132
130
|
})));
|
|
@@ -32,7 +32,6 @@ export var sizeGap = 80;
|
|
|
32
32
|
export var defaultEmojiPickerSize = 'medium';
|
|
33
33
|
export var emojiPickerMinHeight = 260;
|
|
34
34
|
export var emojiPickerHeight = 295;
|
|
35
|
-
export var emojiPickerListHeight = emojiPickerHeight - 58; // picker height - actions height
|
|
36
35
|
export var emojiPickerListHeightNew = emojiPickerHeight - 102; // picker height - actions height - preview height
|
|
37
36
|
|
|
38
37
|
export var emojiPickerPreviewHeight = 54;
|
|
@@ -19,7 +19,6 @@ export interface Props {
|
|
|
19
19
|
* with Rovo" AI generation section is shown above the Emoji name field.
|
|
20
20
|
*/
|
|
21
21
|
contentId?: string;
|
|
22
|
-
disableFocusLock?: boolean;
|
|
23
22
|
errorMessage?: Message;
|
|
24
23
|
/** Fires an analytics event (used by AI emoji generation). */
|
|
25
24
|
fireAnalytics?: (event: AnalyticsEventPayload) => void;
|
|
@@ -4,6 +4,5 @@ export type CategoryGroupKey = CategoryId | 'USER_CUSTOM' | 'SEARCH';
|
|
|
4
4
|
type CategoryDescriptionRecord = {
|
|
5
5
|
[key in CategoryGroupKey]: CategoryDescription;
|
|
6
6
|
};
|
|
7
|
-
export declare const CategoryDescriptionMap: CategoryDescriptionRecord;
|
|
8
7
|
export declare const CategoryDescriptionMapNew: CategoryDescriptionRecord;
|
|
9
8
|
export {};
|
|
@@ -12,7 +12,6 @@ export interface Props {
|
|
|
12
12
|
/** Current Confluence page content id, enables AI emoji generation. */
|
|
13
13
|
contentId?: string;
|
|
14
14
|
createAnalyticsEvent?: CreateUIAnalyticsEvent;
|
|
15
|
-
disableFocusLock?: boolean;
|
|
16
15
|
emojiProvider: EmojiProvider;
|
|
17
16
|
onUploaderRef?: UploadRefHandler;
|
|
18
17
|
}
|
|
@@ -5,7 +5,6 @@ import { type Props as LoadingProps } from '../common/LoadingEmojiComponent';
|
|
|
5
5
|
import { EmojiUploaderInternal } from './EmojiUploaderInternal';
|
|
6
6
|
export interface Props extends LoadingProps {
|
|
7
7
|
createAnalyticsEvent?: CreateUIAnalyticsEvent;
|
|
8
|
-
disableFocusLock?: boolean;
|
|
9
8
|
}
|
|
10
9
|
export type EmojiUploader = EmojiUploaderInternal;
|
|
11
10
|
export declare const EmojiUploader: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
|
|
@@ -30,7 +30,6 @@ export declare const sizeGap = 80;
|
|
|
30
30
|
export declare const defaultEmojiPickerSize = "medium";
|
|
31
31
|
export declare const emojiPickerMinHeight = 260;
|
|
32
32
|
export declare const emojiPickerHeight = 295;
|
|
33
|
-
export declare const emojiPickerListHeight: number;
|
|
34
33
|
export declare const emojiPickerListHeightNew: number;
|
|
35
34
|
export declare const emojiPickerPreviewHeight = 54;
|
|
36
35
|
export declare const emojiPickerHeightWithPreview: number;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/emoji",
|
|
3
|
-
"version": "73.3.
|
|
3
|
+
"version": "73.3.4",
|
|
4
4
|
"description": "Fabric emoji React components",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -139,19 +139,6 @@
|
|
|
139
139
|
},
|
|
140
140
|
"migrate-remaining-emoji-provider-integrations": {
|
|
141
141
|
"type": "boolean"
|
|
142
|
-
},
|
|
143
|
-
"platform_teamoji_26_refresh_emoji_picker_user_id": {
|
|
144
|
-
"type": "boolean"
|
|
145
|
-
}
|
|
146
|
-
},
|
|
147
|
-
"platform-experiments": {
|
|
148
|
-
"platform_teamoji_26_refresh_emoji_picker": {
|
|
149
|
-
"param": "isEnabled",
|
|
150
|
-
"defaultValue": false
|
|
151
|
-
},
|
|
152
|
-
"platform_teamoji_26_refresh_emoji_picker_canvas": {
|
|
153
|
-
"param": "isEnabled",
|
|
154
|
-
"defaultValue": false
|
|
155
142
|
}
|
|
156
143
|
},
|
|
157
144
|
"scripts": {
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
/* AddOwnEmoji.tsx generated by @compiled/babel-plugin v3.0.2 */
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
Object.defineProperty(exports, "__esModule", {
|
|
7
|
-
value: true
|
|
8
|
-
});
|
|
9
|
-
exports.AddOwnEmoji = void 0;
|
|
10
|
-
require("./AddOwnEmoji.compiled.css");
|
|
11
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var React = _react;
|
|
13
|
-
var _runtime = require("@compiled/react/runtime");
|
|
14
|
-
var _reactIntl = require("react-intl");
|
|
15
|
-
var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
|
|
16
|
-
var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
|
|
17
|
-
var _box = require("@atlaskit/primitives/compiled/box");
|
|
18
|
-
var _i18n = require("../i18n");
|
|
19
|
-
var _EmojiActions = require("./EmojiActions");
|
|
20
|
-
var _styles = require("./styles");
|
|
21
|
-
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); }
|
|
22
|
-
var styles = {
|
|
23
|
-
icon: "_18u0r5cr _2hwx1i6y"
|
|
24
|
-
};
|
|
25
|
-
var addCustomEmoji = null;
|
|
26
|
-
var addCustomEmojiButton = null;
|
|
27
|
-
var AddOwnEmoji = exports.AddOwnEmoji = function AddOwnEmoji(props) {
|
|
28
|
-
var onOpenUpload = props.onOpenUpload,
|
|
29
|
-
uploadEnabled = props.uploadEnabled;
|
|
30
|
-
var handleOpenUpload = (0, _react.useCallback)(function (event) {
|
|
31
|
-
event.preventDefault();
|
|
32
|
-
event.stopPropagation();
|
|
33
|
-
onOpenUpload();
|
|
34
|
-
}, [onOpenUpload]);
|
|
35
|
-
return /*#__PURE__*/React.createElement(_react.Fragment, null, uploadEnabled && /*#__PURE__*/React.createElement("div", {
|
|
36
|
-
"data-testid": _EmojiActions.uploadEmojiTestId,
|
|
37
|
-
className: (0, _runtime.ax)(["_1wpz1h6o _18u019bv _otyr19bv"])
|
|
38
|
-
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.addCustomEmojiLabel, function (label) {
|
|
39
|
-
return /*#__PURE__*/React.createElement(_standardButton.default, {
|
|
40
|
-
onClick: handleOpenUpload,
|
|
41
|
-
iconBefore: /*#__PURE__*/React.createElement(_box.Box, {
|
|
42
|
-
xcss: styles.icon
|
|
43
|
-
}, /*#__PURE__*/React.createElement(_add.default, {
|
|
44
|
-
color: "currentColor",
|
|
45
|
-
label: ""
|
|
46
|
-
})),
|
|
47
|
-
appearance: "subtle"
|
|
48
|
-
// TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
|
|
49
|
-
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
|
|
50
|
-
,
|
|
51
|
-
|
|
52
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
|
|
53
|
-
className: (0, _runtime.ax)(["_p12f3sup", _styles.emojiPickerAddEmoji]),
|
|
54
|
-
tabIndex: 0,
|
|
55
|
-
id: "add-custom-emoji"
|
|
56
|
-
}, label);
|
|
57
|
-
})));
|
|
58
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
2
|
-
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
3
|
-
._19bvutpp{padding-left:var(--ds-space-150,9pt)}
|
|
4
|
-
._19l31ylp img{max-height:40px}
|
|
5
|
-
._19l3gktf img{max-height:20px}
|
|
6
|
-
._1bah1yb4{justify-content:space-between}
|
|
7
|
-
._1bahesu3{justify-content:flex-end}
|
|
8
|
-
._1e0c1txw{display:flex}
|
|
9
|
-
._2lx21bp4{flex-direction:column}
|
|
10
|
-
._4cvr1h6o{align-items:center}
|
|
11
|
-
._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
|
|
12
|
-
._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
|
|
13
|
-
._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
|
|
14
|
-
._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
|
|
15
|
-
._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
|
|
16
|
-
._rtys12am img{max-width:50px}
|
|
17
|
-
._rtys53f4 img{max-width:75pt}
|
|
18
|
-
._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
|
|
19
|
-
._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
/* EmojiUploadPreview.tsx generated by @compiled/babel-plugin v3.0.2 */
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
Object.defineProperty(exports, "__esModule", {
|
|
7
|
-
value: true
|
|
8
|
-
});
|
|
9
|
-
exports.uploadPreviewTestId = exports.default = exports.cancelUploadButtonTestId = void 0;
|
|
10
|
-
require("./EmojiUploadPreview.compiled.css");
|
|
11
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var React = _react;
|
|
13
|
-
var _runtime = require("@compiled/react/runtime");
|
|
14
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
16
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
18
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
20
|
-
var _reactIntl = require("react-intl");
|
|
21
|
-
var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
|
|
22
|
-
var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
|
|
23
|
-
var _stack = require("@atlaskit/primitives/compiled/stack");
|
|
24
|
-
var _constants = require("../../util/constants");
|
|
25
|
-
var _i18n = require("../i18n");
|
|
26
|
-
var _Emoji = _interopRequireDefault(require("./Emoji"));
|
|
27
|
-
var _EmojiErrorMessage = _interopRequireDefault(require("./EmojiErrorMessage"));
|
|
28
|
-
var _internalTypes = require("./internal-types");
|
|
29
|
-
var _RetryableButton = _interopRequireDefault(require("./RetryableButton"));
|
|
30
|
-
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); }
|
|
31
|
-
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)); }
|
|
32
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
33
|
-
var bigEmojiPreview = null;
|
|
34
|
-
var uploadAddRow = null;
|
|
35
|
-
var uploadPreview = null;
|
|
36
|
-
var uploadPreviewFooter = null;
|
|
37
|
-
var uploadPreviewText = null;
|
|
38
|
-
var uploadPreviewTestId = exports.uploadPreviewTestId = 'upload-preview';
|
|
39
|
-
var cancelUploadButtonTestId = exports.cancelUploadButtonTestId = 'cancel-upload-button';
|
|
40
|
-
var addEmojiPreviewDescriptionId = 'fabric.emoji.preview.description.id';
|
|
41
|
-
var EmojiUploadPreview = /*#__PURE__*/function (_PureComponent) {
|
|
42
|
-
function EmojiUploadPreview() {
|
|
43
|
-
(0, _classCallCheck2.default)(this, EmojiUploadPreview);
|
|
44
|
-
return _callSuper(this, EmojiUploadPreview, arguments);
|
|
45
|
-
}
|
|
46
|
-
(0, _inherits2.default)(EmojiUploadPreview, _PureComponent);
|
|
47
|
-
return (0, _createClass2.default)(EmojiUploadPreview, [{
|
|
48
|
-
key: "render",
|
|
49
|
-
value: function render() {
|
|
50
|
-
var _this$props = this.props,
|
|
51
|
-
name = _this$props.name,
|
|
52
|
-
previewImage = _this$props.previewImage,
|
|
53
|
-
uploadStatus = _this$props.uploadStatus,
|
|
54
|
-
errorMessage = _this$props.errorMessage,
|
|
55
|
-
onAddEmoji = _this$props.onAddEmoji,
|
|
56
|
-
onUploadCancelled = _this$props.onUploadCancelled,
|
|
57
|
-
intl = _this$props.intl;
|
|
58
|
-
var formatMessage = intl.formatMessage;
|
|
59
|
-
var emojiComponent;
|
|
60
|
-
if (previewImage) {
|
|
61
|
-
var emoji = {
|
|
62
|
-
shortName: ":".concat(name, ":"),
|
|
63
|
-
type: _constants.customCategory,
|
|
64
|
-
category: _constants.customCategory,
|
|
65
|
-
representation: {
|
|
66
|
-
imagePath: previewImage,
|
|
67
|
-
width: 24,
|
|
68
|
-
height: 24
|
|
69
|
-
},
|
|
70
|
-
searchable: true
|
|
71
|
-
};
|
|
72
|
-
emojiComponent = /*#__PURE__*/React.createElement(_Emoji.default, {
|
|
73
|
-
emoji: emoji
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
var uploading = uploadStatus === _internalTypes.UploadStatus.Uploading;
|
|
77
|
-
var retryableButtonLabel = errorMessage ? formatMessage(_i18n.messages.retryLabel) : formatMessage(_i18n.messages.addEmojiLabel);
|
|
78
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
79
|
-
className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
|
|
80
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
81
|
-
"data-testid": uploadPreviewTestId,
|
|
82
|
-
className: (0, _runtime.ax)(["_2rkofajl _1e0c1txw _1bah1yb4 _4cvr1h6o _bfhki8nm _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp"])
|
|
83
|
-
}, /*#__PURE__*/React.createElement(_stack.Stack, {
|
|
84
|
-
space: "space.050"
|
|
85
|
-
}, /*#__PURE__*/React.createElement(_heading.default, {
|
|
86
|
-
size: "xsmall"
|
|
87
|
-
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiPreviewTitle)), /*#__PURE__*/React.createElement("div", {
|
|
88
|
-
id: addEmojiPreviewDescriptionId,
|
|
89
|
-
className: (0, _runtime.ax)(["_19l3gktf _rtys12am"])
|
|
90
|
-
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.emojiPreview, {
|
|
91
|
-
values: {
|
|
92
|
-
emoji: emojiComponent
|
|
93
|
-
}
|
|
94
|
-
})))), /*#__PURE__*/React.createElement("div", {
|
|
95
|
-
className: (0, _runtime.ax)(["_19bv1b66 _19l31ylp _rtys53f4"])
|
|
96
|
-
}, emojiComponent)), /*#__PURE__*/React.createElement("div", {
|
|
97
|
-
className: (0, _runtime.ax)(["_1e0c1txw _1bahesu3 _4cvr1h6o _ca0qu2gc"])
|
|
98
|
-
}, !uploading && errorMessage ? /*#__PURE__*/React.createElement(_EmojiErrorMessage.default, {
|
|
99
|
-
errorStyle: "preview",
|
|
100
|
-
message: errorMessage,
|
|
101
|
-
tooltip: true
|
|
102
|
-
}) : null, /*#__PURE__*/React.createElement(_RetryableButton.default, {
|
|
103
|
-
label: retryableButtonLabel,
|
|
104
|
-
onSubmit: onAddEmoji,
|
|
105
|
-
appearance: "primary",
|
|
106
|
-
loading: uploading,
|
|
107
|
-
error: !!errorMessage,
|
|
108
|
-
ariaDescribedBy: addEmojiPreviewDescriptionId
|
|
109
|
-
}), /*#__PURE__*/React.createElement(_standardButton.default, {
|
|
110
|
-
onClick: onUploadCancelled,
|
|
111
|
-
appearance: "subtle",
|
|
112
|
-
isDisabled: uploading,
|
|
113
|
-
testId: cancelUploadButtonTestId
|
|
114
|
-
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.cancelLabel))));
|
|
115
|
-
}
|
|
116
|
-
}]);
|
|
117
|
-
}(_react.PureComponent); // eslint-disable-next-line @typescript-eslint/no-restricted-types
|
|
118
|
-
var _default_1 = (0, _reactIntl.injectIntl)(EmojiUploadPreview);
|
|
119
|
-
var _default = exports.default = _default_1;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.isRefreshEmojiPickerEnabled = void 0;
|
|
7
|
-
var _teamoji26RefreshEmojiPicker = require("../../util/teamoji26RefreshEmojiPicker");
|
|
8
|
-
var isRefreshEmojiPickerEnabled = exports.isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
|
|
9
|
-
return (0, _teamoji26RefreshEmojiPicker.isTeamoji26RefreshEmojiPickerEnabled)();
|
|
10
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.sortCategories = void 0;
|
|
7
|
-
var _categories = require("./categories");
|
|
8
|
-
/**
|
|
9
|
-
* @jsxRuntime classic
|
|
10
|
-
* @jsx jsx
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
var sortCategories = exports.sortCategories = function sortCategories(c1, c2) {
|
|
14
|
-
return _categories.CategoryDescriptionMap[c1].order - _categories.CategoryDescriptionMap[c2].order;
|
|
15
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.teamoji26RefreshEmojiPickerUserIdGateName = exports.teamoji26RefreshEmojiPickerShortNameAndOrderingGateName = exports.teamoji26RefreshEmojiPickerExperimentName = exports.teamoji26RefreshEmojiPickerCanvasExperimentName = exports.isTeamoji26RefreshEmojiPickerEnabledNoExposure = exports.isTeamoji26RefreshEmojiPickerEnabled = void 0;
|
|
7
|
-
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
8
|
-
var _unsafeExpValNoExposure = require("@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure");
|
|
9
|
-
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
10
|
-
var teamoji26RefreshEmojiPickerExperimentName = exports.teamoji26RefreshEmojiPickerExperimentName = 'platform_teamoji_26_refresh_emoji_picker';
|
|
11
|
-
var teamoji26RefreshEmojiPickerCanvasExperimentName = exports.teamoji26RefreshEmojiPickerCanvasExperimentName = 'platform_teamoji_26_refresh_emoji_picker_canvas';
|
|
12
|
-
var teamoji26RefreshEmojiPickerUserIdGateName = exports.teamoji26RefreshEmojiPickerUserIdGateName = 'platform_teamoji_26_refresh_emoji_picker_user_id';
|
|
13
|
-
var teamoji26RefreshEmojiPickerShortNameAndOrderingGateName = exports.teamoji26RefreshEmojiPickerShortNameAndOrderingGateName = 'platform_bitbucket_fix_shortname_and_ordering';
|
|
14
|
-
var isTeamoji26RefreshEmojiPickerEnabled = exports.isTeamoji26RefreshEmojiPickerEnabled = function isTeamoji26RefreshEmojiPickerEnabled() {
|
|
15
|
-
return (0, _isExperimentEnabled.isExperimentEnabled)(teamoji26RefreshEmojiPickerExperimentName) || (0, _isExperimentEnabled.isExperimentEnabled)(teamoji26RefreshEmojiPickerCanvasExperimentName) || (0, _fg.fg)(teamoji26RefreshEmojiPickerUserIdGateName) || (0, _fg.fg)(teamoji26RefreshEmojiPickerShortNameAndOrderingGateName);
|
|
16
|
-
};
|
|
17
|
-
var isTeamoji26RefreshEmojiPickerEnabledNoExposure = exports.isTeamoji26RefreshEmojiPickerEnabledNoExposure = function isTeamoji26RefreshEmojiPickerEnabledNoExposure() {
|
|
18
|
-
return (0, _unsafeExpValNoExposure.UNSAFE_expValNoExposure)(teamoji26RefreshEmojiPickerExperimentName, 'isEnabled', false) === true || (0, _unsafeExpValNoExposure.UNSAFE_expValNoExposure)(teamoji26RefreshEmojiPickerCanvasExperimentName, 'isEnabled', false) === true || (0, _fg.fg)(teamoji26RefreshEmojiPickerUserIdGateName) || (0, _fg.fg)(teamoji26RefreshEmojiPickerShortNameAndOrderingGateName);
|
|
19
|
-
};
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
/* AddOwnEmoji.tsx generated by @compiled/babel-plugin v3.0.2 */
|
|
2
|
-
import "./AddOwnEmoji.compiled.css";
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import { Fragment, useCallback } from 'react';
|
|
6
|
-
import { FormattedMessage } from 'react-intl';
|
|
7
|
-
import AkButton from '@atlaskit/button/standard-button';
|
|
8
|
-
import AddIcon from '@atlaskit/icon/core/add';
|
|
9
|
-
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
10
|
-
import { messages } from '../i18n';
|
|
11
|
-
import { uploadEmojiTestId } from './EmojiActions';
|
|
12
|
-
import { emojiPickerAddEmoji } from './styles';
|
|
13
|
-
const styles = {
|
|
14
|
-
icon: "_18u0r5cr _2hwx1i6y"
|
|
15
|
-
};
|
|
16
|
-
const addCustomEmoji = null;
|
|
17
|
-
const addCustomEmojiButton = null;
|
|
18
|
-
export const AddOwnEmoji = props => {
|
|
19
|
-
const {
|
|
20
|
-
onOpenUpload,
|
|
21
|
-
uploadEnabled
|
|
22
|
-
} = props;
|
|
23
|
-
const handleOpenUpload = useCallback(event => {
|
|
24
|
-
event.preventDefault();
|
|
25
|
-
event.stopPropagation();
|
|
26
|
-
onOpenUpload();
|
|
27
|
-
}, [onOpenUpload]);
|
|
28
|
-
return /*#__PURE__*/React.createElement(Fragment, null, uploadEnabled && /*#__PURE__*/React.createElement("div", {
|
|
29
|
-
"data-testid": uploadEmojiTestId,
|
|
30
|
-
className: ax(["_1wpz1h6o _18u019bv _otyr19bv"])
|
|
31
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.addCustomEmojiLabel, label => /*#__PURE__*/React.createElement(AkButton, {
|
|
32
|
-
onClick: handleOpenUpload,
|
|
33
|
-
iconBefore: /*#__PURE__*/React.createElement(Box, {
|
|
34
|
-
xcss: styles.icon
|
|
35
|
-
}, /*#__PURE__*/React.createElement(AddIcon, {
|
|
36
|
-
color: "currentColor",
|
|
37
|
-
label: ""
|
|
38
|
-
})),
|
|
39
|
-
appearance: "subtle"
|
|
40
|
-
// TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
|
|
41
|
-
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
|
|
42
|
-
,
|
|
43
|
-
|
|
44
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
|
|
45
|
-
className: ax(["_p12f3sup", emojiPickerAddEmoji]),
|
|
46
|
-
tabIndex: 0,
|
|
47
|
-
id: "add-custom-emoji"
|
|
48
|
-
}, label))));
|
|
49
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
2
|
-
._19bvu2gc{padding-left:var(--ds-space-100,8px)}
|
|
3
|
-
._19bvutpp{padding-left:var(--ds-space-150,9pt)}
|
|
4
|
-
._19l31ylp img{max-height:40px}
|
|
5
|
-
._19l3gktf img{max-height:20px}
|
|
6
|
-
._1bah1yb4{justify-content:space-between}
|
|
7
|
-
._1bahesu3{justify-content:flex-end}
|
|
8
|
-
._1e0c1txw{display:flex}
|
|
9
|
-
._2lx21bp4{flex-direction:column}
|
|
10
|
-
._4cvr1h6o{align-items:center}
|
|
11
|
-
._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
|
|
12
|
-
._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
|
|
13
|
-
._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
|
|
14
|
-
._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
|
|
15
|
-
._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
|
|
16
|
-
._rtys12am img{max-width:50px}
|
|
17
|
-
._rtys53f4 img{max-width:75pt}
|
|
18
|
-
._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
|
|
19
|
-
._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
/* EmojiUploadPreview.tsx generated by @compiled/babel-plugin v3.0.2 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import "./EmojiUploadPreview.compiled.css";
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
-
import { PureComponent } from 'react';
|
|
7
|
-
import { FormattedMessage, injectIntl } from 'react-intl';
|
|
8
|
-
import AkButton from '@atlaskit/button/standard-button';
|
|
9
|
-
import Heading from '@atlaskit/heading/heading';
|
|
10
|
-
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
11
|
-
import { customCategory } from '../../util/constants';
|
|
12
|
-
import { messages } from '../i18n';
|
|
13
|
-
import Emoji from './Emoji';
|
|
14
|
-
import EmojiErrorMessage from './EmojiErrorMessage';
|
|
15
|
-
import { UploadStatus } from './internal-types';
|
|
16
|
-
import RetryableButton from './RetryableButton';
|
|
17
|
-
const bigEmojiPreview = null;
|
|
18
|
-
const uploadAddRow = null;
|
|
19
|
-
const uploadPreview = null;
|
|
20
|
-
const uploadPreviewFooter = null;
|
|
21
|
-
const uploadPreviewText = null;
|
|
22
|
-
export const uploadPreviewTestId = 'upload-preview';
|
|
23
|
-
export const cancelUploadButtonTestId = 'cancel-upload-button';
|
|
24
|
-
const addEmojiPreviewDescriptionId = 'fabric.emoji.preview.description.id';
|
|
25
|
-
class EmojiUploadPreview extends PureComponent {
|
|
26
|
-
render() {
|
|
27
|
-
const {
|
|
28
|
-
name,
|
|
29
|
-
previewImage,
|
|
30
|
-
uploadStatus,
|
|
31
|
-
errorMessage,
|
|
32
|
-
onAddEmoji,
|
|
33
|
-
onUploadCancelled,
|
|
34
|
-
intl
|
|
35
|
-
} = this.props;
|
|
36
|
-
const {
|
|
37
|
-
formatMessage
|
|
38
|
-
} = intl;
|
|
39
|
-
let emojiComponent;
|
|
40
|
-
if (previewImage) {
|
|
41
|
-
const emoji = {
|
|
42
|
-
shortName: `:${name}:`,
|
|
43
|
-
type: customCategory,
|
|
44
|
-
category: customCategory,
|
|
45
|
-
representation: {
|
|
46
|
-
imagePath: previewImage,
|
|
47
|
-
width: 24,
|
|
48
|
-
height: 24
|
|
49
|
-
},
|
|
50
|
-
searchable: true
|
|
51
|
-
};
|
|
52
|
-
emojiComponent = /*#__PURE__*/React.createElement(Emoji, {
|
|
53
|
-
emoji: emoji
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
const uploading = uploadStatus === UploadStatus.Uploading;
|
|
57
|
-
const retryableButtonLabel = errorMessage ? formatMessage(messages.retryLabel) : formatMessage(messages.addEmojiLabel);
|
|
58
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
59
|
-
className: ax(["_1e0c1txw _2lx21bp4 _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
|
|
60
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
61
|
-
"data-testid": uploadPreviewTestId,
|
|
62
|
-
className: ax(["_2rkofajl _1e0c1txw _1bah1yb4 _4cvr1h6o _bfhki8nm _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp"])
|
|
63
|
-
}, /*#__PURE__*/React.createElement(Stack, {
|
|
64
|
-
space: "space.050"
|
|
65
|
-
}, /*#__PURE__*/React.createElement(Heading, {
|
|
66
|
-
size: "xsmall"
|
|
67
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiPreviewTitle)), /*#__PURE__*/React.createElement("div", {
|
|
68
|
-
id: addEmojiPreviewDescriptionId,
|
|
69
|
-
className: ax(["_19l3gktf _rtys12am"])
|
|
70
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.emojiPreview, {
|
|
71
|
-
values: {
|
|
72
|
-
emoji: emojiComponent
|
|
73
|
-
}
|
|
74
|
-
})))), /*#__PURE__*/React.createElement("div", {
|
|
75
|
-
className: ax(["_19bv1b66 _19l31ylp _rtys53f4"])
|
|
76
|
-
}, emojiComponent)), /*#__PURE__*/React.createElement("div", {
|
|
77
|
-
className: ax(["_1e0c1txw _1bahesu3 _4cvr1h6o _ca0qu2gc"])
|
|
78
|
-
}, !uploading && errorMessage ? /*#__PURE__*/React.createElement(EmojiErrorMessage, {
|
|
79
|
-
errorStyle: "preview",
|
|
80
|
-
message: errorMessage,
|
|
81
|
-
tooltip: true
|
|
82
|
-
}) : null, /*#__PURE__*/React.createElement(RetryableButton, {
|
|
83
|
-
label: retryableButtonLabel,
|
|
84
|
-
onSubmit: onAddEmoji,
|
|
85
|
-
appearance: "primary",
|
|
86
|
-
loading: uploading,
|
|
87
|
-
error: !!errorMessage,
|
|
88
|
-
ariaDescribedBy: addEmojiPreviewDescriptionId
|
|
89
|
-
}), /*#__PURE__*/React.createElement(AkButton, {
|
|
90
|
-
onClick: onUploadCancelled,
|
|
91
|
-
appearance: "subtle",
|
|
92
|
-
isDisabled: uploading,
|
|
93
|
-
testId: cancelUploadButtonTestId
|
|
94
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelLabel))));
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
// eslint-disable-next-line @typescript-eslint/no-restricted-types
|
|
99
|
-
const _default_1 = injectIntl(EmojiUploadPreview);
|
|
100
|
-
export default _default_1;
|