@atlaskit/emoji 69.0.7 → 69.0.8
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 +8 -0
- package/dist/cjs/components/common/CachingEmoji.js +20 -60
- package/dist/cjs/components/common/DeletableEmojiTooltipContent.js +4 -13
- package/dist/cjs/components/common/DeleteButton.js +18 -20
- package/dist/cjs/components/common/Emoji.js +58 -55
- package/dist/cjs/components/common/EmojiActions.js +104 -108
- package/dist/cjs/components/common/EmojiDeletePreview.js +33 -26
- package/dist/cjs/components/common/EmojiErrorMessage.js +23 -21
- package/dist/cjs/components/common/EmojiFallback.js +8 -19
- package/dist/cjs/components/common/EmojiPlaceholder.js +22 -16
- package/dist/cjs/components/common/EmojiPreviewComponent.js +34 -25
- package/dist/cjs/components/common/EmojiRadioButton.js +33 -36
- package/dist/cjs/components/common/EmojiUploadPicker.js +78 -75
- package/dist/cjs/components/common/EmojiUploadPreview.js +59 -48
- package/dist/cjs/components/common/ResourcedEmojiComponent.js +3 -18
- package/dist/cjs/components/common/RetryableButton.js +20 -26
- package/dist/cjs/components/common/Scrollable.js +21 -24
- package/dist/cjs/components/common/TonePreviewButton.js +21 -20
- package/dist/cjs/components/common/ToneSelector.js +19 -18
- package/dist/cjs/components/common/ToolTipContentWithKeymap.js +10 -11
- package/dist/cjs/components/common/styles.js +2 -514
- package/dist/cjs/components/compiled/picker/EmojiPickerFooter.js +1 -1
- package/dist/cjs/components/picker/EmojiPickerList.js +2 -4
- package/dist/cjs/components/picker/EmojiPickerListSearch.js +9 -5
- package/dist/cjs/components/typeahead/EmojiTypeAheadItemInternalCompiled.js +1 -1
- package/dist/cjs/components/typeahead/EmojiTypeAheadList.js +6 -20
- package/dist/cjs/components/uploader/EmojiUploadComponentCompiled.js +1 -1
- package/dist/cjs/element.js +15 -9
- package/dist/cjs/index.js +4 -3
- package/dist/cjs/util/analytics/analytics.js +1 -1
- package/dist/es2019/components/common/CachingEmoji.js +23 -63
- package/dist/es2019/components/common/DeletableEmojiTooltipContent.js +5 -14
- package/dist/es2019/components/common/DeleteButton.js +16 -21
- package/dist/es2019/components/common/Emoji.js +51 -55
- package/dist/es2019/components/common/EmojiActions.js +87 -104
- package/dist/es2019/components/common/EmojiDeletePreview.js +28 -26
- package/dist/es2019/components/common/EmojiErrorMessage.js +20 -20
- package/dist/es2019/components/common/EmojiFallback.js +8 -17
- package/dist/es2019/components/common/EmojiPlaceholder.js +11 -13
- package/dist/es2019/components/common/EmojiPreviewComponent.js +24 -24
- package/dist/es2019/components/common/EmojiRadioButton.js +23 -30
- package/dist/es2019/components/common/EmojiUploadPicker.js +72 -70
- package/dist/es2019/components/common/EmojiUploadPreview.js +48 -48
- package/dist/es2019/components/common/ResourcedEmojiComponent.js +5 -20
- package/dist/es2019/components/common/RetryableButton.js +16 -23
- package/dist/es2019/components/common/Scrollable.js +15 -23
- package/dist/es2019/components/common/TonePreviewButton.js +12 -14
- package/dist/es2019/components/common/ToneSelector.js +9 -13
- package/dist/es2019/components/common/ToolTipContentWithKeymap.js +7 -9
- package/dist/es2019/components/common/styles.js +1 -551
- package/dist/es2019/components/compiled/picker/EmojiPickerFooter.js +1 -1
- package/dist/es2019/components/picker/EmojiPickerList.js +1 -3
- package/dist/es2019/components/picker/EmojiPickerListSearch.js +6 -2
- package/dist/es2019/components/typeahead/EmojiTypeAheadItemInternalCompiled.js +1 -1
- package/dist/es2019/components/typeahead/EmojiTypeAheadList.js +7 -21
- package/dist/es2019/components/uploader/EmojiUploadComponentCompiled.js +1 -1
- package/dist/es2019/element.js +2 -9
- package/dist/es2019/index.js +2 -1
- package/dist/es2019/util/analytics/analytics.js +1 -1
- package/dist/esm/components/common/CachingEmoji.js +23 -63
- package/dist/esm/components/common/DeletableEmojiTooltipContent.js +5 -14
- package/dist/esm/components/common/DeleteButton.js +16 -21
- package/dist/esm/components/common/Emoji.js +58 -57
- package/dist/esm/components/common/EmojiActions.js +102 -107
- package/dist/esm/components/common/EmojiDeletePreview.js +31 -26
- package/dist/esm/components/common/EmojiErrorMessage.js +20 -20
- package/dist/esm/components/common/EmojiFallback.js +8 -17
- package/dist/esm/components/common/EmojiPlaceholder.js +19 -16
- package/dist/esm/components/common/EmojiPreviewComponent.js +31 -24
- package/dist/esm/components/common/EmojiRadioButton.js +33 -34
- package/dist/esm/components/common/EmojiUploadPicker.js +77 -72
- package/dist/esm/components/common/EmojiUploadPreview.js +54 -48
- package/dist/esm/components/common/ResourcedEmojiComponent.js +5 -20
- package/dist/esm/components/common/RetryableButton.js +17 -24
- package/dist/esm/components/common/Scrollable.js +19 -23
- package/dist/esm/components/common/TonePreviewButton.js +17 -17
- package/dist/esm/components/common/ToneSelector.js +9 -13
- package/dist/esm/components/common/ToolTipContentWithKeymap.js +10 -9
- package/dist/esm/components/common/styles.js +1 -511
- package/dist/esm/components/compiled/picker/EmojiPickerFooter.js +1 -1
- package/dist/esm/components/picker/EmojiPickerList.js +1 -3
- package/dist/esm/components/picker/EmojiPickerListSearch.js +6 -2
- package/dist/esm/components/typeahead/EmojiTypeAheadItemInternalCompiled.js +1 -1
- package/dist/esm/components/typeahead/EmojiTypeAheadList.js +7 -21
- package/dist/esm/components/uploader/EmojiUploadComponentCompiled.js +1 -1
- package/dist/esm/element.js +2 -9
- package/dist/esm/index.js +2 -1
- package/dist/esm/util/analytics/analytics.js +1 -1
- package/dist/types/components/common/DeleteButton.d.ts +2 -6
- package/dist/types/components/common/Emoji.d.ts +3 -4
- package/dist/types/components/common/EmojiActions.d.ts +1 -2
- package/dist/types/components/common/EmojiErrorMessage.d.ts +4 -7
- package/dist/types/components/common/EmojiFallback.d.ts +1 -2
- package/dist/types/components/common/EmojiPlaceholder.d.ts +2 -6
- package/dist/types/components/common/EmojiPreviewComponent.d.ts +2 -6
- package/dist/types/components/common/RetryableButton.d.ts +2 -2
- package/dist/types/components/common/Scrollable.d.ts +1 -6
- package/dist/types/components/common/ToneSelector.d.ts +1 -6
- package/dist/types/components/common/ToolTipContentWithKeymap.d.ts +1 -2
- package/dist/types/components/common/styles.d.ts +0 -42
- package/dist/types/components/typeahead/EmojiTypeAheadList.d.ts +2 -4
- package/dist/types/element.d.ts +2 -5
- package/dist/types/index.d.ts +2 -1
- package/dist/types-ts4.5/components/common/DeleteButton.d.ts +2 -6
- package/dist/types-ts4.5/components/common/Emoji.d.ts +3 -4
- package/dist/types-ts4.5/components/common/EmojiActions.d.ts +1 -2
- package/dist/types-ts4.5/components/common/EmojiErrorMessage.d.ts +4 -7
- package/dist/types-ts4.5/components/common/EmojiFallback.d.ts +1 -2
- package/dist/types-ts4.5/components/common/EmojiPlaceholder.d.ts +2 -6
- package/dist/types-ts4.5/components/common/EmojiPreviewComponent.d.ts +2 -6
- package/dist/types-ts4.5/components/common/RetryableButton.d.ts +2 -2
- package/dist/types-ts4.5/components/common/Scrollable.d.ts +1 -6
- package/dist/types-ts4.5/components/common/ToneSelector.d.ts +1 -6
- package/dist/types-ts4.5/components/common/ToolTipContentWithKeymap.d.ts +1 -2
- package/dist/types-ts4.5/components/common/styles.d.ts +0 -42
- package/dist/types-ts4.5/components/typeahead/EmojiTypeAheadList.d.ts +2 -4
- package/dist/types-ts4.5/element.d.ts +2 -5
- package/dist/types-ts4.5/index.d.ts +2 -1
- package/package.json +4 -4
- package/dist/cjs/components/compiled/common/DeleteButton.js +0 -52
- package/dist/cjs/components/compiled/common/Emoji.js +0 -380
- package/dist/cjs/components/compiled/common/EmojiActions.js +0 -220
- package/dist/cjs/components/compiled/common/EmojiDeletePreview.js +0 -152
- package/dist/cjs/components/compiled/common/EmojiErrorMessage.js +0 -58
- package/dist/cjs/components/compiled/common/EmojiFallback.js +0 -36
- package/dist/cjs/components/compiled/common/EmojiPlaceholder.js +0 -68
- package/dist/cjs/components/compiled/common/EmojiPreviewComponent.js +0 -45
- package/dist/cjs/components/compiled/common/EmojiRadioButton.js +0 -72
- package/dist/cjs/components/compiled/common/EmojiUploadPicker.js +0 -322
- package/dist/cjs/components/compiled/common/EmojiUploadPreview.js +0 -124
- package/dist/cjs/components/compiled/common/RetryableButton.js +0 -73
- package/dist/cjs/components/compiled/common/Scrollable.js +0 -97
- package/dist/cjs/components/compiled/common/TonePreviewButton.js +0 -52
- package/dist/cjs/components/compiled/common/ToneSelector.js +0 -111
- package/dist/cjs/components/compiled/common/ToolTipContentWithKeymap.js +0 -28
- package/dist/es2019/components/compiled/common/DeleteButton.js +0 -40
- package/dist/es2019/components/compiled/common/Emoji.js +0 -368
- package/dist/es2019/components/compiled/common/EmojiActions.js +0 -195
- package/dist/es2019/components/compiled/common/EmojiDeletePreview.js +0 -126
- package/dist/es2019/components/compiled/common/EmojiErrorMessage.js +0 -51
- package/dist/es2019/components/compiled/common/EmojiFallback.js +0 -33
- package/dist/es2019/components/compiled/common/EmojiPlaceholder.js +0 -51
- package/dist/es2019/components/compiled/common/EmojiPreviewComponent.js +0 -29
- package/dist/es2019/components/compiled/common/EmojiRadioButton.js +0 -58
- package/dist/es2019/components/compiled/common/EmojiUploadPicker.js +0 -276
- package/dist/es2019/components/compiled/common/EmojiUploadPreview.js +0 -96
- package/dist/es2019/components/compiled/common/RetryableButton.js +0 -67
- package/dist/es2019/components/compiled/common/Scrollable.js +0 -69
- package/dist/es2019/components/compiled/common/TonePreviewButton.js +0 -41
- package/dist/es2019/components/compiled/common/ToneSelector.js +0 -99
- package/dist/es2019/components/compiled/common/ToolTipContentWithKeymap.js +0 -17
- package/dist/esm/components/compiled/common/DeleteButton.js +0 -42
- package/dist/esm/components/compiled/common/Emoji.js +0 -370
- package/dist/esm/components/compiled/common/EmojiActions.js +0 -210
- package/dist/esm/components/compiled/common/EmojiDeletePreview.js +0 -142
- package/dist/esm/components/compiled/common/EmojiErrorMessage.js +0 -48
- package/dist/esm/components/compiled/common/EmojiFallback.js +0 -29
- package/dist/esm/components/compiled/common/EmojiPlaceholder.js +0 -58
- package/dist/esm/components/compiled/common/EmojiPreviewComponent.js +0 -35
- package/dist/esm/components/compiled/common/EmojiRadioButton.js +0 -62
- package/dist/esm/components/compiled/common/EmojiUploadPicker.js +0 -312
- package/dist/esm/components/compiled/common/EmojiUploadPreview.js +0 -114
- package/dist/esm/components/compiled/common/RetryableButton.js +0 -63
- package/dist/esm/components/compiled/common/Scrollable.js +0 -90
- package/dist/esm/components/compiled/common/TonePreviewButton.js +0 -42
- package/dist/esm/components/compiled/common/ToneSelector.js +0 -101
- package/dist/esm/components/compiled/common/ToolTipContentWithKeymap.js +0 -19
- package/dist/types/components/compiled/common/DeleteButton.d.ts +0 -8
- package/dist/types/components/compiled/common/Emoji.d.ts +0 -95
- package/dist/types/components/compiled/common/EmojiActions.d.ts +0 -34
- package/dist/types/components/compiled/common/EmojiDeletePreview.d.ts +0 -21
- package/dist/types/components/compiled/common/EmojiErrorMessage.d.ts +0 -14
- package/dist/types/components/compiled/common/EmojiFallback.d.ts +0 -8
- package/dist/types/components/compiled/common/EmojiPlaceholder.d.ts +0 -12
- package/dist/types/components/compiled/common/EmojiPreviewComponent.d.ts +0 -7
- package/dist/types/components/compiled/common/EmojiRadioButton.d.ts +0 -16
- package/dist/types/components/compiled/common/EmojiUploadPicker.d.ts +0 -20
- package/dist/types/components/compiled/common/EmojiUploadPreview.d.ts +0 -18
- package/dist/types/components/compiled/common/RetryableButton.d.ts +0 -14
- package/dist/types/components/compiled/common/Scrollable.d.ts +0 -19
- package/dist/types/components/compiled/common/TonePreviewButton.d.ts +0 -14
- package/dist/types/components/compiled/common/ToneSelector.d.ts +0 -15
- package/dist/types/components/compiled/common/ToolTipContentWithKeymap.d.ts +0 -11
- package/dist/types-ts4.5/components/compiled/common/DeleteButton.d.ts +0 -8
- package/dist/types-ts4.5/components/compiled/common/Emoji.d.ts +0 -95
- package/dist/types-ts4.5/components/compiled/common/EmojiActions.d.ts +0 -34
- package/dist/types-ts4.5/components/compiled/common/EmojiDeletePreview.d.ts +0 -21
- package/dist/types-ts4.5/components/compiled/common/EmojiErrorMessage.d.ts +0 -14
- package/dist/types-ts4.5/components/compiled/common/EmojiFallback.d.ts +0 -8
- package/dist/types-ts4.5/components/compiled/common/EmojiPlaceholder.d.ts +0 -12
- package/dist/types-ts4.5/components/compiled/common/EmojiPreviewComponent.d.ts +0 -7
- package/dist/types-ts4.5/components/compiled/common/EmojiRadioButton.d.ts +0 -16
- package/dist/types-ts4.5/components/compiled/common/EmojiUploadPicker.d.ts +0 -20
- package/dist/types-ts4.5/components/compiled/common/EmojiUploadPreview.d.ts +0 -18
- package/dist/types-ts4.5/components/compiled/common/RetryableButton.d.ts +0 -14
- package/dist/types-ts4.5/components/compiled/common/Scrollable.d.ts +0 -19
- package/dist/types-ts4.5/components/compiled/common/TonePreviewButton.d.ts +0 -14
- package/dist/types-ts4.5/components/compiled/common/ToneSelector.d.ts +0 -15
- package/dist/types-ts4.5/components/compiled/common/ToolTipContentWithKeymap.d.ts +0 -11
- /package/dist/cjs/components/{compiled/common → common}/DeleteButton.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/Emoji.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/EmojiActions.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/EmojiDeletePreview.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/EmojiErrorMessage.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/EmojiFallback.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/EmojiPlaceholder.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/EmojiPreviewComponent.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/EmojiRadioButton.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/EmojiUploadPicker.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/EmojiUploadPreview.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/RetryableButton.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/Scrollable.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/TonePreviewButton.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/ToneSelector.compiled.css +0 -0
- /package/dist/cjs/components/{compiled/common → common}/ToolTipContentWithKeymap.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/DeleteButton.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/Emoji.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/EmojiActions.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/EmojiDeletePreview.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/EmojiErrorMessage.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/EmojiFallback.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/EmojiPlaceholder.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/EmojiPreviewComponent.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/EmojiRadioButton.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/EmojiUploadPicker.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/EmojiUploadPreview.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/RetryableButton.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/Scrollable.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/TonePreviewButton.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/ToneSelector.compiled.css +0 -0
- /package/dist/es2019/components/{compiled/common → common}/ToolTipContentWithKeymap.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/DeleteButton.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/Emoji.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/EmojiActions.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/EmojiDeletePreview.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/EmojiErrorMessage.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/EmojiFallback.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/EmojiPlaceholder.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/EmojiPreviewComponent.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/EmojiRadioButton.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/EmojiUploadPicker.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/EmojiUploadPreview.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/RetryableButton.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/Scrollable.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/TonePreviewButton.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/ToneSelector.compiled.css +0 -0
- /package/dist/esm/components/{compiled/common → common}/ToolTipContentWithKeymap.compiled.css +0 -0
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
/* ToneSelector.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
4
|
-
import "./ToneSelector.compiled.css";
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
7
|
-
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; }
|
|
8
|
-
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; }
|
|
9
|
-
import { memo, useEffect, useMemo, useRef } from 'react';
|
|
10
|
-
import { withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
11
|
-
import { createAndFireEventInElementsChannel, toneSelectedEvent, toneSelectorOpenedEvent } from '../../../util/analytics';
|
|
12
|
-
import { setSkinToneAriaLabelText } from '../../common/setSkinToneAriaLabelText';
|
|
13
|
-
import EmojiRadioButton from './EmojiRadioButton';
|
|
14
|
-
import { useIntl } from 'react-intl-next';
|
|
15
|
-
import { messages } from '../../i18n';
|
|
16
|
-
var hidden = null;
|
|
17
|
-
export var toneSelectorTestId = 'tone-selector';
|
|
18
|
-
var extractAllTones = function extractAllTones(emoji) {
|
|
19
|
-
if (emoji.skinVariations) {
|
|
20
|
-
return [emoji].concat(_toConsumableArray(emoji.skinVariations));
|
|
21
|
-
}
|
|
22
|
-
return [emoji];
|
|
23
|
-
};
|
|
24
|
-
export var ToneSelectorInternal = function ToneSelectorInternal(props) {
|
|
25
|
-
var createAnalyticsEvent = props.createAnalyticsEvent,
|
|
26
|
-
emoji = props.emoji,
|
|
27
|
-
onToneSelected = props.onToneSelected,
|
|
28
|
-
onToneClose = props.onToneClose,
|
|
29
|
-
selectedTone = props.selectedTone,
|
|
30
|
-
isVisible = props.isVisible;
|
|
31
|
-
var isMounted = useRef(false);
|
|
32
|
-
var selectedToneRadioRef = useRef(null);
|
|
33
|
-
var _useIntl = useIntl(),
|
|
34
|
-
formatMessage = _useIntl.formatMessage;
|
|
35
|
-
var emojiToneCollection = useMemo(function () {
|
|
36
|
-
var selectedToneIndex = -1;
|
|
37
|
-
var toneColletion = extractAllTones(emoji).map(function (tone, index) {
|
|
38
|
-
var isSelected = index === selectedTone;
|
|
39
|
-
if (isSelected) {
|
|
40
|
-
selectedToneIndex = index;
|
|
41
|
-
}
|
|
42
|
-
return _objectSpread(_objectSpread({}, tone), {}, {
|
|
43
|
-
isSelected: isSelected,
|
|
44
|
-
label: setSkinToneAriaLabelText(tone.name),
|
|
45
|
-
toneIndex: index
|
|
46
|
-
});
|
|
47
|
-
});
|
|
48
|
-
|
|
49
|
-
// push description of selected tone to the end of the array
|
|
50
|
-
// so that it gets rendered last/rightmost
|
|
51
|
-
toneColletion.push(toneColletion.splice(selectedToneIndex, 1)[0]);
|
|
52
|
-
return toneColletion;
|
|
53
|
-
}, [emoji, selectedTone]);
|
|
54
|
-
useEffect(function () {
|
|
55
|
-
if (isVisible) {
|
|
56
|
-
var _selectedToneRadioRef;
|
|
57
|
-
(_selectedToneRadioRef = selectedToneRadioRef.current) === null || _selectedToneRadioRef === void 0 || _selectedToneRadioRef.focus();
|
|
58
|
-
}
|
|
59
|
-
}, [isVisible, selectedToneRadioRef]);
|
|
60
|
-
var fireAnalyticsEvent = function fireAnalyticsEvent(event) {
|
|
61
|
-
if (createAnalyticsEvent) {
|
|
62
|
-
createAndFireEventInElementsChannel(event)(createAnalyticsEvent);
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
var onToneSelectedHandler = function onToneSelectedHandler(toneValue) {
|
|
66
|
-
return function () {
|
|
67
|
-
if (selectedTone === toneValue && onToneClose) {
|
|
68
|
-
onToneClose();
|
|
69
|
-
return;
|
|
70
|
-
}
|
|
71
|
-
onToneSelected(toneValue);
|
|
72
|
-
var toneList = ['default', 'light', 'mediumLight', 'medium', 'mediumDark', 'dark'];
|
|
73
|
-
fireAnalyticsEvent(toneSelectedEvent({
|
|
74
|
-
skinToneModifier: toneList[toneValue]
|
|
75
|
-
}));
|
|
76
|
-
};
|
|
77
|
-
};
|
|
78
|
-
if (!isMounted.current) {
|
|
79
|
-
fireAnalyticsEvent(toneSelectorOpenedEvent({}));
|
|
80
|
-
}
|
|
81
|
-
isMounted.current = true;
|
|
82
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
83
|
-
role: "radiogroup",
|
|
84
|
-
"data-testid": toneSelectorTestId,
|
|
85
|
-
id: "emoji-picker-tone-selector",
|
|
86
|
-
"aria-label": formatMessage(messages.emojiSelectSkinToneListAriaLabelText),
|
|
87
|
-
className: ax([!isVisible && "_tzy4idpf _3um015vq _1e0cglyw"])
|
|
88
|
-
}, emojiToneCollection.map(function (tone) {
|
|
89
|
-
return /*#__PURE__*/React.createElement(EmojiRadioButton, {
|
|
90
|
-
ref: tone.isSelected ? selectedToneRadioRef : null,
|
|
91
|
-
defaultChecked: tone.isSelected,
|
|
92
|
-
ariaLabelText: tone.label,
|
|
93
|
-
key: "".concat(tone.id),
|
|
94
|
-
emoji: tone,
|
|
95
|
-
onSelected: onToneSelectedHandler(tone.toneIndex),
|
|
96
|
-
selectOnHover: true
|
|
97
|
-
});
|
|
98
|
-
}));
|
|
99
|
-
};
|
|
100
|
-
var ToneSelector = withAnalyticsEvents()(ToneSelectorInternal);
|
|
101
|
-
export default /*#__PURE__*/memo(ToneSelector);
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/* ToolTipContentWithKeymap.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import "./ToolTipContentWithKeymap.compiled.css";
|
|
3
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
-
import React, { Fragment } from 'react';
|
|
5
|
-
import { N400 } from '@atlaskit/theme/colors';
|
|
6
|
-
import { formatShortcut } from '../../../util/keymaps';
|
|
7
|
-
var tooltipShortcutStyle = null;
|
|
8
|
-
export var ToolTipContentWithKeymap = /*#__PURE__*/React.memo(function (_ref) {
|
|
9
|
-
var description = _ref.description,
|
|
10
|
-
shortcutOverride = _ref.shortcutOverride,
|
|
11
|
-
keymap = _ref.keymap;
|
|
12
|
-
var shortcut = shortcutOverride || keymap && formatShortcut(keymap);
|
|
13
|
-
return shortcut || description ? /*#__PURE__*/React.createElement(Fragment, null, description, shortcut && description && "\xA0", shortcut && /*#__PURE__*/React.createElement("span", {
|
|
14
|
-
className: ax(["_2rko1l7b _bfhk1v65 _ca0qidpf _n3tdidpf _19bvv77o _u5f3v77o _jqf61teg"]),
|
|
15
|
-
style: {
|
|
16
|
-
"--_1kd7x7o": ix("var(--ds-background-inverse-subtle, ".concat(N400, ")"))
|
|
17
|
-
}
|
|
18
|
-
}, shortcut)) : null;
|
|
19
|
-
});
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { type ButtonProps } from '@atlaskit/button/standard-button';
|
|
3
|
-
/**
|
|
4
|
-
* Test id for wrapper Emoji delete button
|
|
5
|
-
*/
|
|
6
|
-
export declare const RENDER_EMOJI_DELETE_BUTTON_TESTID = "render-emoji-delete-button";
|
|
7
|
-
declare const DeleteButton: (props: ButtonProps) => JSX.Element;
|
|
8
|
-
export default DeleteButton;
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import { type EmojiDescription, type OnEmojiEvent } from '../../../types';
|
|
7
|
-
export interface Props extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onMouseMove' | 'onFocus'> {
|
|
8
|
-
/**
|
|
9
|
-
* The emoji to render
|
|
10
|
-
*/
|
|
11
|
-
emoji: EmojiDescription;
|
|
12
|
-
/**
|
|
13
|
-
* Show the emoji as selected
|
|
14
|
-
*/
|
|
15
|
-
selected?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* Automatically show the emoji as selected based on mouse hover.
|
|
18
|
-
* CSS, fast, does not require a re-render, but selected state not
|
|
19
|
-
* externally controlled via props.
|
|
20
|
-
*/
|
|
21
|
-
selectOnHover?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* Called when an emoji is selected
|
|
24
|
-
*/
|
|
25
|
-
onSelected?: OnEmojiEvent;
|
|
26
|
-
/**
|
|
27
|
-
* Called when the mouse moves over the emoji.
|
|
28
|
-
*/
|
|
29
|
-
onMouseMove?: OnEmojiEvent;
|
|
30
|
-
/**
|
|
31
|
-
* Called when the mouse moves over the emoji.
|
|
32
|
-
*/
|
|
33
|
-
onFocus?: OnEmojiEvent;
|
|
34
|
-
/**
|
|
35
|
-
* Called when an emoji is deleted
|
|
36
|
-
*/
|
|
37
|
-
onDelete?: OnEmojiEvent;
|
|
38
|
-
/**
|
|
39
|
-
* Callback for if an emoji image fails to load.
|
|
40
|
-
*/
|
|
41
|
-
onLoadError?: OnEmojiEvent<HTMLImageElement>;
|
|
42
|
-
/**
|
|
43
|
-
* Callback for if an emoji image succesfully loads.
|
|
44
|
-
*/
|
|
45
|
-
onLoadSuccess?: (emoji: EmojiDescription) => void;
|
|
46
|
-
/**
|
|
47
|
-
* Additional css classes, if required.
|
|
48
|
-
*/
|
|
49
|
-
className?: string;
|
|
50
|
-
/**
|
|
51
|
-
* Show a tooltip on mouse hover.
|
|
52
|
-
*/
|
|
53
|
-
showTooltip?: boolean;
|
|
54
|
-
/**
|
|
55
|
-
* Show a delete button on mouse hover
|
|
56
|
-
* Used only for custom emoji
|
|
57
|
-
*/
|
|
58
|
-
showDelete?: boolean;
|
|
59
|
-
/**
|
|
60
|
-
* Fits emoji to height in pixels, keeping aspect ratio
|
|
61
|
-
*/
|
|
62
|
-
fitToHeight?: number;
|
|
63
|
-
/**
|
|
64
|
-
* Indicates whether emoji is an interactive element (tab index and role) or just a view
|
|
65
|
-
*/
|
|
66
|
-
shouldBeInteractive?: boolean;
|
|
67
|
-
/**
|
|
68
|
-
* Disables lazy load on images
|
|
69
|
-
*/
|
|
70
|
-
disableLazyLoad?: boolean;
|
|
71
|
-
/**
|
|
72
|
-
* Auto Width takes the constraint of height and enables native scaling based on the emojis image.
|
|
73
|
-
* This is primarily used when rendering emojis for SSR as the component does not know the width and height
|
|
74
|
-
* at the time of the render. It overrides the emoji representations width with 'auto' on the images width attribute
|
|
75
|
-
*
|
|
76
|
-
* Used only for image based emojis
|
|
77
|
-
*/
|
|
78
|
-
autoWidth?: boolean;
|
|
79
|
-
/**
|
|
80
|
-
* This should only be set when the emoji is being used in the Editor.
|
|
81
|
-
* Currently when set -- this prevents any aria labels being added.
|
|
82
|
-
* This is acceptable in Editor -- as it uses another technique to announce the emoji nodes.
|
|
83
|
-
*/
|
|
84
|
-
editorEmoji?: true;
|
|
85
|
-
}
|
|
86
|
-
export declare const SpriteEmoji: (props: Props) => JSX.Element;
|
|
87
|
-
export declare const ImageEmoji: (props: Props) => JSX.Element;
|
|
88
|
-
interface EmojiNodeWrapperProps extends Props {
|
|
89
|
-
type: 'sprite' | 'image';
|
|
90
|
-
}
|
|
91
|
-
export declare const EmojiNodeWrapper: React.ForwardRefExoticComponent<EmojiNodeWrapperProps & {
|
|
92
|
-
children?: React.ReactNode;
|
|
93
|
-
} & React.RefAttributes<HTMLSpanElement>>;
|
|
94
|
-
export declare const Emoji: (props: Props) => JSX.Element;
|
|
95
|
-
export default Emoji;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { type WrappedComponentProps } from 'react-intl-next';
|
|
3
|
-
import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnToneSelected, OnToneSelectorCancelled, ToneSelection } from '../../../types';
|
|
4
|
-
import { type OnDeleteEmoji } from './EmojiDeletePreview';
|
|
5
|
-
import { type OnUploadEmoji } from './EmojiUploadPicker';
|
|
6
|
-
export interface Props {
|
|
7
|
-
selectedTone?: ToneSelection;
|
|
8
|
-
onToneSelected?: OnToneSelected;
|
|
9
|
-
onToneSelectorCancelled?: OnToneSelectorCancelled;
|
|
10
|
-
toneEmoji?: EmojiDescriptionWithVariations;
|
|
11
|
-
uploading: boolean;
|
|
12
|
-
uploadEnabled: boolean;
|
|
13
|
-
emojiToDelete?: EmojiDescription;
|
|
14
|
-
initialUploadName?: string;
|
|
15
|
-
uploadErrorMessage?: Message;
|
|
16
|
-
onUploadCancelled: () => void;
|
|
17
|
-
onUploadEmoji: OnUploadEmoji;
|
|
18
|
-
onCloseDelete: () => void;
|
|
19
|
-
onDeleteEmoji: OnDeleteEmoji;
|
|
20
|
-
onFileChooserClicked?: () => void;
|
|
21
|
-
onOpenUpload: () => void;
|
|
22
|
-
query?: string;
|
|
23
|
-
onChange: (value: string) => void;
|
|
24
|
-
resultsCount?: number;
|
|
25
|
-
}
|
|
26
|
-
export declare const emojiActionsTestId = "emoji-actions";
|
|
27
|
-
export declare const uploadEmojiTestId = "upload-emoji";
|
|
28
|
-
type PropsWithWrappedComponentPropsType = Props & WrappedComponentProps;
|
|
29
|
-
type EmojiActionsProps = PropsWithWrappedComponentPropsType;
|
|
30
|
-
export declare const EmojiActions: (props: EmojiActionsProps) => JSX.Element;
|
|
31
|
-
declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
|
|
32
|
-
WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
|
|
33
|
-
};
|
|
34
|
-
export default _default;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { type WrappedComponentProps } from 'react-intl-next';
|
|
3
|
-
import type { EmojiDescription } from '../../../types';
|
|
4
|
-
export interface OnDeleteEmoji {
|
|
5
|
-
(emoji: EmojiDescription): Promise<boolean>;
|
|
6
|
-
}
|
|
7
|
-
export declare const emojiDeletePreviewTestId = "emoji-delete-preview";
|
|
8
|
-
export interface Props {
|
|
9
|
-
emoji: EmojiDescription;
|
|
10
|
-
onDeleteEmoji: OnDeleteEmoji;
|
|
11
|
-
onCloseDelete: () => void;
|
|
12
|
-
errorMessage?: string;
|
|
13
|
-
}
|
|
14
|
-
export interface State {
|
|
15
|
-
loading: boolean;
|
|
16
|
-
error: boolean;
|
|
17
|
-
}
|
|
18
|
-
declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
|
|
19
|
-
WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
|
|
20
|
-
};
|
|
21
|
-
export default _default;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { Message } from '../../../types';
|
|
3
|
-
export type ErrorStyle = 'chooseFile' | 'delete' | 'preview';
|
|
4
|
-
export interface Props {
|
|
5
|
-
message: Message;
|
|
6
|
-
tooltip?: boolean;
|
|
7
|
-
errorStyle: ErrorStyle;
|
|
8
|
-
}
|
|
9
|
-
export declare const emojiErrorScreenreaderTestId = "emoji-error-screenreader-message";
|
|
10
|
-
export declare const emojiErrorMessageTestId = "emoji-error-message";
|
|
11
|
-
export declare const emojiErrorMessageTooltipTestId = "emoji-error-message-tooltip";
|
|
12
|
-
export declare const emojiErrorIconTestId = "emoji-error-icon";
|
|
13
|
-
declare const EmojiErrorMessage: (props: Props) => JSX.Element;
|
|
14
|
-
export default EmojiErrorMessage;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { EmojiImageRepresentation } from '../../../types';
|
|
3
|
-
export interface Props {
|
|
4
|
-
shortName: string;
|
|
5
|
-
size?: number;
|
|
6
|
-
showTooltip?: boolean;
|
|
7
|
-
representation?: EmojiImageRepresentation;
|
|
8
|
-
loading?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare const emojiPlaceholderTestId: (shortName: string) => string;
|
|
11
|
-
declare const EmojiPlaceholder: (props: Props) => JSX.Element;
|
|
12
|
-
export default EmojiPlaceholder;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import type { EmojiDescription } from '../../../types';
|
|
7
|
-
export interface Props {
|
|
8
|
-
emoji: EmojiDescription;
|
|
9
|
-
onSelected?: () => void;
|
|
10
|
-
selectOnHover?: boolean;
|
|
11
|
-
ariaLabelText?: string;
|
|
12
|
-
defaultChecked?: boolean;
|
|
13
|
-
}
|
|
14
|
-
export declare const EmojiRadioButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
|
|
15
|
-
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>>;
|
|
16
|
-
export default _default;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { type WrappedComponentProps } from 'react-intl-next';
|
|
3
|
-
import type { EmojiUpload, Message } from '../../../types';
|
|
4
|
-
export interface OnUploadEmoji {
|
|
5
|
-
(upload: EmojiUpload, retry: boolean, onSuccessHandler?: () => void): void;
|
|
6
|
-
}
|
|
7
|
-
export declare const uploadEmojiNameInputTestId = "upload-emoji-name-input";
|
|
8
|
-
export declare const uploadEmojiComponentTestId = "upload-emoji-component";
|
|
9
|
-
export declare const cancelEmojiUploadPickerTestId = "cancel-emoji-upload-picker";
|
|
10
|
-
export interface Props {
|
|
11
|
-
onUploadEmoji: OnUploadEmoji;
|
|
12
|
-
onUploadCancelled: () => void;
|
|
13
|
-
onFileChooserClicked?: () => void;
|
|
14
|
-
errorMessage?: Message;
|
|
15
|
-
initialUploadName?: string;
|
|
16
|
-
}
|
|
17
|
-
declare const EmojiUploadPickerComponent: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
|
|
18
|
-
WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
|
|
19
|
-
};
|
|
20
|
-
export default EmojiUploadPickerComponent;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { type WrappedComponentProps } from 'react-intl-next';
|
|
3
|
-
import type { Message } from '../../../types';
|
|
4
|
-
import { UploadStatus } from '../../common/internal-types';
|
|
5
|
-
export interface EmojiUploadPreviewProps {
|
|
6
|
-
name: string;
|
|
7
|
-
previewImage: string;
|
|
8
|
-
uploadStatus?: UploadStatus;
|
|
9
|
-
errorMessage?: Message;
|
|
10
|
-
onUploadCancelled: () => void;
|
|
11
|
-
onAddEmoji: () => void;
|
|
12
|
-
}
|
|
13
|
-
export declare const uploadPreviewTestId = "upload-preview";
|
|
14
|
-
export declare const cancelUploadButtonTestId = "cancel-upload-button";
|
|
15
|
-
declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<EmojiUploadPreviewProps & WrappedComponentProps>> & {
|
|
16
|
-
WrappedComponent: import("react").ComponentType<EmojiUploadPreviewProps & WrappedComponentProps>;
|
|
17
|
-
};
|
|
18
|
-
export default _default;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface Props {
|
|
3
|
-
label: string;
|
|
4
|
-
appearance: string;
|
|
5
|
-
error: boolean;
|
|
6
|
-
onSubmit: () => void;
|
|
7
|
-
loading: boolean;
|
|
8
|
-
ariaDescribedBy?: string;
|
|
9
|
-
ariaLabelledBy?: string;
|
|
10
|
-
}
|
|
11
|
-
export declare const retryUploadButtonTestId = "retry-upload-button";
|
|
12
|
-
export declare const uploadEmojiButtonTestId = "upload-emoji-button";
|
|
13
|
-
declare const RetryableButton: (props: Props) => JSX.Element;
|
|
14
|
-
export default RetryableButton;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { type MouseEventHandler, PureComponent, type ReactNode, type UIEvent } from 'react';
|
|
2
|
-
export interface OnScroll {
|
|
3
|
-
(element: Element, event: UIEvent<any>): void;
|
|
4
|
-
}
|
|
5
|
-
export interface Props {
|
|
6
|
-
className?: string;
|
|
7
|
-
maxHeight?: string;
|
|
8
|
-
children?: ReactNode;
|
|
9
|
-
onScroll?: OnScroll;
|
|
10
|
-
onMouseLeave?: MouseEventHandler<any>;
|
|
11
|
-
}
|
|
12
|
-
export default class Scrollable extends PureComponent<Props, {}> {
|
|
13
|
-
private scrollableDiv;
|
|
14
|
-
reveal: (child: HTMLElement, forceToTop?: boolean) => void;
|
|
15
|
-
scrollToBottom: () => void;
|
|
16
|
-
private handleScroll;
|
|
17
|
-
private handleRef;
|
|
18
|
-
render(): JSX.Element;
|
|
19
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { EmojiDescription } from '../../../types';
|
|
3
|
-
export declare const tonePreviewTestId = "tone-preview";
|
|
4
|
-
export interface Props {
|
|
5
|
-
emoji: EmojiDescription;
|
|
6
|
-
isVisible?: boolean;
|
|
7
|
-
onSelected?: () => void;
|
|
8
|
-
selectOnHover?: boolean;
|
|
9
|
-
ariaLabelText?: string;
|
|
10
|
-
ariaExpanded?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export declare const TonePreviewButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>;
|
|
13
|
-
declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>>;
|
|
14
|
-
export default _default;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { EmojiDescriptionWithVariations, OnToneSelected, ToneSelection } from '../../../types';
|
|
3
|
-
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
4
|
-
export interface Props {
|
|
5
|
-
emoji: EmojiDescriptionWithVariations;
|
|
6
|
-
isVisible: boolean;
|
|
7
|
-
onToneSelected: OnToneSelected;
|
|
8
|
-
onToneClose?: () => void;
|
|
9
|
-
selectedTone?: ToneSelection;
|
|
10
|
-
}
|
|
11
|
-
export declare const toneSelectorTestId = "tone-selector";
|
|
12
|
-
type PropsWithAnalyticsEventsPropsType = Props & WithAnalyticsEventsProps;
|
|
13
|
-
export declare const ToneSelectorInternal: (props: PropsWithAnalyticsEventsPropsType) => JSX.Element;
|
|
14
|
-
declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;
|
|
15
|
-
export default _default;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import { type Keymap } from '../../../util/keymaps';
|
|
7
|
-
export declare const ToolTipContentWithKeymap: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
|
|
8
|
-
description?: string | React.ReactNode;
|
|
9
|
-
keymap?: Keymap | undefined;
|
|
10
|
-
shortcutOverride?: string | undefined;
|
|
11
|
-
}) => JSX.Element | null>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { type ButtonProps } from '@atlaskit/button/standard-button';
|
|
3
|
-
/**
|
|
4
|
-
* Test id for wrapper Emoji delete button
|
|
5
|
-
*/
|
|
6
|
-
export declare const RENDER_EMOJI_DELETE_BUTTON_TESTID = "render-emoji-delete-button";
|
|
7
|
-
declare const DeleteButton: (props: ButtonProps) => JSX.Element;
|
|
8
|
-
export default DeleteButton;
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import { type EmojiDescription, type OnEmojiEvent } from '../../../types';
|
|
7
|
-
export interface Props extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onMouseMove' | 'onFocus'> {
|
|
8
|
-
/**
|
|
9
|
-
* The emoji to render
|
|
10
|
-
*/
|
|
11
|
-
emoji: EmojiDescription;
|
|
12
|
-
/**
|
|
13
|
-
* Show the emoji as selected
|
|
14
|
-
*/
|
|
15
|
-
selected?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* Automatically show the emoji as selected based on mouse hover.
|
|
18
|
-
* CSS, fast, does not require a re-render, but selected state not
|
|
19
|
-
* externally controlled via props.
|
|
20
|
-
*/
|
|
21
|
-
selectOnHover?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* Called when an emoji is selected
|
|
24
|
-
*/
|
|
25
|
-
onSelected?: OnEmojiEvent;
|
|
26
|
-
/**
|
|
27
|
-
* Called when the mouse moves over the emoji.
|
|
28
|
-
*/
|
|
29
|
-
onMouseMove?: OnEmojiEvent;
|
|
30
|
-
/**
|
|
31
|
-
* Called when the mouse moves over the emoji.
|
|
32
|
-
*/
|
|
33
|
-
onFocus?: OnEmojiEvent;
|
|
34
|
-
/**
|
|
35
|
-
* Called when an emoji is deleted
|
|
36
|
-
*/
|
|
37
|
-
onDelete?: OnEmojiEvent;
|
|
38
|
-
/**
|
|
39
|
-
* Callback for if an emoji image fails to load.
|
|
40
|
-
*/
|
|
41
|
-
onLoadError?: OnEmojiEvent<HTMLImageElement>;
|
|
42
|
-
/**
|
|
43
|
-
* Callback for if an emoji image succesfully loads.
|
|
44
|
-
*/
|
|
45
|
-
onLoadSuccess?: (emoji: EmojiDescription) => void;
|
|
46
|
-
/**
|
|
47
|
-
* Additional css classes, if required.
|
|
48
|
-
*/
|
|
49
|
-
className?: string;
|
|
50
|
-
/**
|
|
51
|
-
* Show a tooltip on mouse hover.
|
|
52
|
-
*/
|
|
53
|
-
showTooltip?: boolean;
|
|
54
|
-
/**
|
|
55
|
-
* Show a delete button on mouse hover
|
|
56
|
-
* Used only for custom emoji
|
|
57
|
-
*/
|
|
58
|
-
showDelete?: boolean;
|
|
59
|
-
/**
|
|
60
|
-
* Fits emoji to height in pixels, keeping aspect ratio
|
|
61
|
-
*/
|
|
62
|
-
fitToHeight?: number;
|
|
63
|
-
/**
|
|
64
|
-
* Indicates whether emoji is an interactive element (tab index and role) or just a view
|
|
65
|
-
*/
|
|
66
|
-
shouldBeInteractive?: boolean;
|
|
67
|
-
/**
|
|
68
|
-
* Disables lazy load on images
|
|
69
|
-
*/
|
|
70
|
-
disableLazyLoad?: boolean;
|
|
71
|
-
/**
|
|
72
|
-
* Auto Width takes the constraint of height and enables native scaling based on the emojis image.
|
|
73
|
-
* This is primarily used when rendering emojis for SSR as the component does not know the width and height
|
|
74
|
-
* at the time of the render. It overrides the emoji representations width with 'auto' on the images width attribute
|
|
75
|
-
*
|
|
76
|
-
* Used only for image based emojis
|
|
77
|
-
*/
|
|
78
|
-
autoWidth?: boolean;
|
|
79
|
-
/**
|
|
80
|
-
* This should only be set when the emoji is being used in the Editor.
|
|
81
|
-
* Currently when set -- this prevents any aria labels being added.
|
|
82
|
-
* This is acceptable in Editor -- as it uses another technique to announce the emoji nodes.
|
|
83
|
-
*/
|
|
84
|
-
editorEmoji?: true;
|
|
85
|
-
}
|
|
86
|
-
export declare const SpriteEmoji: (props: Props) => JSX.Element;
|
|
87
|
-
export declare const ImageEmoji: (props: Props) => JSX.Element;
|
|
88
|
-
interface EmojiNodeWrapperProps extends Props {
|
|
89
|
-
type: 'sprite' | 'image';
|
|
90
|
-
}
|
|
91
|
-
export declare const EmojiNodeWrapper: React.ForwardRefExoticComponent<EmojiNodeWrapperProps & {
|
|
92
|
-
children?: React.ReactNode;
|
|
93
|
-
} & React.RefAttributes<HTMLSpanElement>>;
|
|
94
|
-
export declare const Emoji: (props: Props) => JSX.Element;
|
|
95
|
-
export default Emoji;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { type WrappedComponentProps } from 'react-intl-next';
|
|
3
|
-
import type { EmojiDescription, EmojiDescriptionWithVariations, Message, OnToneSelected, OnToneSelectorCancelled, ToneSelection } from '../../../types';
|
|
4
|
-
import { type OnDeleteEmoji } from './EmojiDeletePreview';
|
|
5
|
-
import { type OnUploadEmoji } from './EmojiUploadPicker';
|
|
6
|
-
export interface Props {
|
|
7
|
-
selectedTone?: ToneSelection;
|
|
8
|
-
onToneSelected?: OnToneSelected;
|
|
9
|
-
onToneSelectorCancelled?: OnToneSelectorCancelled;
|
|
10
|
-
toneEmoji?: EmojiDescriptionWithVariations;
|
|
11
|
-
uploading: boolean;
|
|
12
|
-
uploadEnabled: boolean;
|
|
13
|
-
emojiToDelete?: EmojiDescription;
|
|
14
|
-
initialUploadName?: string;
|
|
15
|
-
uploadErrorMessage?: Message;
|
|
16
|
-
onUploadCancelled: () => void;
|
|
17
|
-
onUploadEmoji: OnUploadEmoji;
|
|
18
|
-
onCloseDelete: () => void;
|
|
19
|
-
onDeleteEmoji: OnDeleteEmoji;
|
|
20
|
-
onFileChooserClicked?: () => void;
|
|
21
|
-
onOpenUpload: () => void;
|
|
22
|
-
query?: string;
|
|
23
|
-
onChange: (value: string) => void;
|
|
24
|
-
resultsCount?: number;
|
|
25
|
-
}
|
|
26
|
-
export declare const emojiActionsTestId = "emoji-actions";
|
|
27
|
-
export declare const uploadEmojiTestId = "upload-emoji";
|
|
28
|
-
type PropsWithWrappedComponentPropsType = Props & WrappedComponentProps;
|
|
29
|
-
type EmojiActionsProps = PropsWithWrappedComponentPropsType;
|
|
30
|
-
export declare const EmojiActions: (props: EmojiActionsProps) => JSX.Element;
|
|
31
|
-
declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
|
|
32
|
-
WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
|
|
33
|
-
};
|
|
34
|
-
export default _default;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { type WrappedComponentProps } from 'react-intl-next';
|
|
3
|
-
import type { EmojiDescription } from '../../../types';
|
|
4
|
-
export interface OnDeleteEmoji {
|
|
5
|
-
(emoji: EmojiDescription): Promise<boolean>;
|
|
6
|
-
}
|
|
7
|
-
export declare const emojiDeletePreviewTestId = "emoji-delete-preview";
|
|
8
|
-
export interface Props {
|
|
9
|
-
emoji: EmojiDescription;
|
|
10
|
-
onDeleteEmoji: OnDeleteEmoji;
|
|
11
|
-
onCloseDelete: () => void;
|
|
12
|
-
errorMessage?: string;
|
|
13
|
-
}
|
|
14
|
-
export interface State {
|
|
15
|
-
loading: boolean;
|
|
16
|
-
error: boolean;
|
|
17
|
-
}
|
|
18
|
-
declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
|
|
19
|
-
WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
|
|
20
|
-
};
|
|
21
|
-
export default _default;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { Message } from '../../../types';
|
|
3
|
-
export type ErrorStyle = 'chooseFile' | 'delete' | 'preview';
|
|
4
|
-
export interface Props {
|
|
5
|
-
message: Message;
|
|
6
|
-
tooltip?: boolean;
|
|
7
|
-
errorStyle: ErrorStyle;
|
|
8
|
-
}
|
|
9
|
-
export declare const emojiErrorScreenreaderTestId = "emoji-error-screenreader-message";
|
|
10
|
-
export declare const emojiErrorMessageTestId = "emoji-error-message";
|
|
11
|
-
export declare const emojiErrorMessageTooltipTestId = "emoji-error-message-tooltip";
|
|
12
|
-
export declare const emojiErrorIconTestId = "emoji-error-icon";
|
|
13
|
-
declare const EmojiErrorMessage: (props: Props) => JSX.Element;
|
|
14
|
-
export default EmojiErrorMessage;
|