@atlaskit/emoji 67.6.21 → 67.6.23
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 +2027 -2024
- package/afm-cc/tsconfig.json +3 -0
- package/dist/cjs/components/common/DeleteButton.js +8 -4
- package/dist/cjs/components/common/Emoji.js +30 -16
- package/dist/cjs/components/common/EmojiActions.js +6 -2
- package/dist/cjs/components/common/EmojiDeletePreview.js +3 -4
- package/dist/cjs/components/common/EmojiPlaceholder.js +6 -2
- package/dist/cjs/components/common/EmojiUploadPreview.js +2 -3
- package/dist/cjs/components/common/FileChooser.js +6 -3
- package/dist/cjs/components/common/RetryableButton.js +10 -7
- package/dist/cjs/components/common/Scrollable.js +4 -1
- package/dist/cjs/components/common/TonePreviewButton.js +3 -1
- package/dist/cjs/components/common/styles.js +1 -21
- package/dist/cjs/components/picker/EmojiPickerCategoryHeading.js +3 -1
- package/dist/cjs/components/picker/EmojiPickerListSearch.js +29 -26
- package/dist/cjs/components/picker/VirtualList.js +6 -0
- package/dist/cjs/components/typeahead/EmojiTypeAheadComponent.js +4 -1
- package/dist/cjs/components/typeahead/EmojiTypeAheadItem.js +1 -0
- package/dist/cjs/util/analytics/analytics.js +1 -1
- package/dist/es2019/components/common/DeleteButton.js +7 -3
- package/dist/es2019/components/common/Emoji.js +30 -16
- package/dist/es2019/components/common/EmojiActions.js +6 -2
- package/dist/es2019/components/common/EmojiDeletePreview.js +3 -4
- package/dist/es2019/components/common/EmojiPlaceholder.js +6 -2
- package/dist/es2019/components/common/EmojiUploadPreview.js +2 -3
- package/dist/es2019/components/common/FileChooser.js +6 -3
- package/dist/es2019/components/common/RetryableButton.js +11 -8
- package/dist/es2019/components/common/Scrollable.js +4 -1
- package/dist/es2019/components/common/TonePreviewButton.js +3 -1
- package/dist/es2019/components/common/styles.js +0 -20
- package/dist/es2019/components/picker/EmojiPickerCategoryHeading.js +3 -1
- package/dist/es2019/components/picker/EmojiPickerListSearch.js +29 -26
- package/dist/es2019/components/picker/VirtualList.js +6 -0
- package/dist/es2019/components/typeahead/EmojiTypeAheadComponent.js +4 -1
- package/dist/es2019/components/typeahead/EmojiTypeAheadItem.js +1 -0
- package/dist/es2019/util/analytics/analytics.js +1 -1
- package/dist/esm/components/common/DeleteButton.js +7 -3
- package/dist/esm/components/common/Emoji.js +30 -16
- package/dist/esm/components/common/EmojiActions.js +6 -2
- package/dist/esm/components/common/EmojiDeletePreview.js +3 -4
- package/dist/esm/components/common/EmojiPlaceholder.js +6 -2
- package/dist/esm/components/common/EmojiUploadPreview.js +2 -3
- package/dist/esm/components/common/FileChooser.js +6 -3
- package/dist/esm/components/common/RetryableButton.js +11 -8
- package/dist/esm/components/common/Scrollable.js +4 -1
- package/dist/esm/components/common/TonePreviewButton.js +3 -1
- package/dist/esm/components/common/styles.js +0 -20
- package/dist/esm/components/picker/EmojiPickerCategoryHeading.js +3 -1
- package/dist/esm/components/picker/EmojiPickerListSearch.js +29 -26
- package/dist/esm/components/picker/VirtualList.js +6 -0
- package/dist/esm/components/typeahead/EmojiTypeAheadComponent.js +4 -1
- package/dist/esm/components/typeahead/EmojiTypeAheadItem.js +1 -0
- package/dist/esm/util/analytics/analytics.js +1 -1
- package/dist/types/api/EmojiResource.d.ts +1 -1
- package/dist/types/api/media/TokenManager.d.ts +1 -1
- package/dist/types/components/common/DeleteButton.d.ts +2 -2
- package/dist/types/components/common/Emoji.d.ts +1 -1
- package/dist/types/components/common/EmojiErrorMessage.d.ts +1 -1
- package/dist/types/components/common/LoadingEmojiComponent.d.ts +1 -1
- package/dist/types/components/common/Scrollable.d.ts +1 -1
- package/dist/types/components/common/ToolTipContentWithKeymap.d.ts +1 -1
- package/dist/types/components/common/UfoErrorBoundary.d.ts +1 -1
- package/dist/types/components/common/styles.d.ts +0 -3
- package/dist/types/components/picker/EmojiPickerVirtualItems.d.ts +2 -2
- package/dist/types/components/typeahead/EmojiTypeAhead.d.ts +1 -1
- package/dist/types/hooks/useInView.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/util/StoredDuplicateLimitedQueue.d.ts +1 -1
- package/dist/types/util/analytics/ufoExperiences.d.ts +1 -1
- package/dist/types-ts4.5/api/EmojiResource.d.ts +1 -1
- package/dist/types-ts4.5/api/media/TokenManager.d.ts +1 -1
- package/dist/types-ts4.5/components/common/DeleteButton.d.ts +2 -2
- package/dist/types-ts4.5/components/common/Emoji.d.ts +1 -1
- package/dist/types-ts4.5/components/common/EmojiErrorMessage.d.ts +1 -1
- package/dist/types-ts4.5/components/common/LoadingEmojiComponent.d.ts +1 -1
- package/dist/types-ts4.5/components/common/Scrollable.d.ts +1 -1
- package/dist/types-ts4.5/components/common/ToolTipContentWithKeymap.d.ts +1 -1
- package/dist/types-ts4.5/components/common/UfoErrorBoundary.d.ts +1 -1
- package/dist/types-ts4.5/components/common/styles.d.ts +0 -3
- package/dist/types-ts4.5/components/picker/EmojiPickerVirtualItems.d.ts +2 -2
- package/dist/types-ts4.5/components/typeahead/EmojiTypeAhead.d.ts +1 -1
- package/dist/types-ts4.5/hooks/useInView.d.ts +1 -1
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/util/StoredDuplicateLimitedQueue.d.ts +1 -1
- package/dist/types-ts4.5/util/analytics/ufoExperiences.d.ts +1 -1
- package/package.json +9 -9
|
@@ -18,7 +18,9 @@ export var TonePreviewButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
18
18
|
onClick: onSelected,
|
|
19
19
|
"aria-label": ariaLabelText,
|
|
20
20
|
"aria-expanded": ariaExpanded,
|
|
21
|
-
"aria-controls": "emoji-picker-tone-selector"
|
|
21
|
+
"aria-controls": "emoji-picker-tone-selector"
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
23
|
+
,
|
|
22
24
|
style: {
|
|
23
25
|
overflow: 'hidden'
|
|
24
26
|
},
|
|
@@ -399,26 +399,6 @@ export var emojiPreviewErrorMessage = css({
|
|
|
399
399
|
export var addCustomEmojiButton = css({
|
|
400
400
|
maxWidth: '285px'
|
|
401
401
|
});
|
|
402
|
-
export var uploadRetryButton = css({
|
|
403
|
-
maxWidth: '172px',
|
|
404
|
-
justifyContent: 'center',
|
|
405
|
-
fontWeight: 'bold',
|
|
406
|
-
marginRight: "var(--ds-space-050, 4px)",
|
|
407
|
-
div: {
|
|
408
|
-
display: 'flex'
|
|
409
|
-
}
|
|
410
|
-
});
|
|
411
|
-
export var uploadEmojiButton = css({
|
|
412
|
-
maxWidth: '187px',
|
|
413
|
-
justifyContent: 'center',
|
|
414
|
-
marginRight: "var(--ds-space-050, 4px)",
|
|
415
|
-
div: {
|
|
416
|
-
display: 'flex'
|
|
417
|
-
}
|
|
418
|
-
});
|
|
419
|
-
export var cancelButton = css({
|
|
420
|
-
maxWidth: '100px'
|
|
421
|
-
});
|
|
422
402
|
export var buttonSpinner = css({
|
|
423
403
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
424
404
|
marginRight: '10px',
|
|
@@ -14,7 +14,9 @@ var EmojiPickerCategoryHeading = function EmojiPickerCategoryHeading(_ref) {
|
|
|
14
14
|
className = _ref.className;
|
|
15
15
|
return jsx("div", {
|
|
16
16
|
id: id,
|
|
17
|
-
"data-category-id": id
|
|
17
|
+
"data-category-id": id
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
19
|
+
,
|
|
18
20
|
className: className,
|
|
19
21
|
"data-testid": RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID,
|
|
20
22
|
role: "rowheader"
|
|
@@ -47,30 +47,33 @@ export var EmojiPickerListSearch = function EmojiPickerListSearch(props) {
|
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
49
|
}, []);
|
|
50
|
-
return
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
50
|
+
return (
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
52
|
+
jsx("div", {
|
|
53
|
+
css: [pickerSearch, !isVisible && hidden],
|
|
54
|
+
style: style
|
|
55
|
+
}, jsx(VisuallyHidden, {
|
|
56
|
+
id: "emoji-search-results-status",
|
|
57
|
+
role: "status"
|
|
58
|
+
}, dirty && query === '' && formatMessage(messages.searchResultsStatusSeeAll), query !== '' && formatMessage(messages.searchResultsStatus, {
|
|
59
|
+
count: resultsCount
|
|
60
|
+
})), jsx(TextField, {
|
|
61
|
+
role: "searchbox",
|
|
62
|
+
"aria-label": formatMessage(messages.searchLabel),
|
|
63
|
+
css: input,
|
|
64
|
+
autoComplete: "off",
|
|
65
|
+
name: "search",
|
|
66
|
+
placeholder: "".concat(formatMessage(messages.searchPlaceholder), "..."),
|
|
67
|
+
defaultValue: query || '',
|
|
68
|
+
onChange: handleOnChange,
|
|
69
|
+
elemBeforeInput: jsx("span", {
|
|
70
|
+
css: searchIcon
|
|
71
|
+
}, jsx(SearchIcon, {
|
|
72
|
+
label: ""
|
|
73
|
+
})),
|
|
74
|
+
testId: emojiPickerSearchTestId,
|
|
75
|
+
ref: textRef,
|
|
76
|
+
isCompact: true
|
|
77
|
+
}))
|
|
78
|
+
);
|
|
76
79
|
};
|
|
@@ -268,7 +268,9 @@ export var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
268
268
|
}, jsx("div", {
|
|
269
269
|
style: {
|
|
270
270
|
height: "".concat(rowVirtualizer.getTotalSize(), "px"),
|
|
271
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
271
272
|
width: '100%',
|
|
273
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
272
274
|
position: 'relative'
|
|
273
275
|
},
|
|
274
276
|
ref: virtualistItemsRef,
|
|
@@ -278,9 +280,13 @@ export var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
278
280
|
return jsx("div", {
|
|
279
281
|
key: virtualRow.key,
|
|
280
282
|
style: {
|
|
283
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
281
284
|
position: 'absolute',
|
|
285
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
282
286
|
top: 0,
|
|
287
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
283
288
|
left: 0,
|
|
289
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
284
290
|
width: '100%',
|
|
285
291
|
height: "".concat(virtualRow.size, "px"),
|
|
286
292
|
transform: "translateY(".concat(virtualRow.start, "px)")
|
|
@@ -259,7 +259,10 @@ var EmojiTypeAheadComponent = /*#__PURE__*/function (_PureComponent) {
|
|
|
259
259
|
return jsx(EmojiCommonProvider, {
|
|
260
260
|
emojiProvider: this.props.emojiProvider
|
|
261
261
|
}, jsx("div", {
|
|
262
|
-
style
|
|
262
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
263
|
+
style: style
|
|
264
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
265
|
+
,
|
|
263
266
|
className: 'ak-emoji-typeahead',
|
|
264
267
|
css: emojiTypeAhead
|
|
265
268
|
}, jsx(EmojiList, {
|
|
@@ -57,6 +57,7 @@ var EmojiTypeAheadItem = /*#__PURE__*/function (_PureComponent) {
|
|
|
57
57
|
return jsx(EmojiCommonProvider, {
|
|
58
58
|
emojiProvider: emojiProvider
|
|
59
59
|
}, jsx("div", {
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
60
61
|
className: "ak-emoji-typeahead-item ".concat(selected ? typeaheadSelected : ''),
|
|
61
62
|
css: classes,
|
|
62
63
|
onMouseDown: this.onEmojiSelected,
|
|
@@ -12,7 +12,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
|
|
|
12
12
|
actionSubjectId: actionSubjectId,
|
|
13
13
|
attributes: _objectSpread({
|
|
14
14
|
packageName: "@atlaskit/emoji",
|
|
15
|
-
packageVersion: "67.6.
|
|
15
|
+
packageVersion: "67.6.23"
|
|
16
16
|
}, attributes)
|
|
17
17
|
};
|
|
18
18
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AbstractResource, OnProviderChange, ServiceConfig } from '@atlaskit/util-service-support';
|
|
1
|
+
import { AbstractResource, type OnProviderChange, type ServiceConfig } from '@atlaskit/util-service-support';
|
|
2
2
|
import type { CategoryId } from '../components/picker/categories';
|
|
3
3
|
import { type EmojiDescription, type EmojiId, type EmojiProvider, type EmojiResponse, type EmojiSearchResult, type EmojiUpload, type OptionalEmojiDescription, type OptionalEmojiDescriptionWithVariations, type OptionalUser, type SearchOptions, type ToneSelection, type UploadingEmojiProvider, type User } from '../types';
|
|
4
4
|
import EmojiRepository from './EmojiRepository';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { MediaApiToken } from '../../types';
|
|
2
|
-
import { ServiceConfig } from '@atlaskit/util-service-support';
|
|
2
|
+
import { type ServiceConfig } from '@atlaskit/util-service-support';
|
|
3
3
|
export declare const EXPIRES_AT_LATENCY_IN_SECONDS = 30;
|
|
4
4
|
export type TokenType = 'read' | 'upload';
|
|
5
5
|
export default class TokenManager {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { jsx } from '@emotion/react';
|
|
3
|
-
import { type
|
|
3
|
+
import { type ButtonProps } from '@atlaskit/button/standard-button';
|
|
4
4
|
/**
|
|
5
5
|
* Test id for wrapper Emoji delete button
|
|
6
6
|
*/
|
|
7
7
|
export declare const RENDER_EMOJI_DELETE_BUTTON_TESTID = "render-emoji-delete-button";
|
|
8
|
-
declare const DeleteButton: (props:
|
|
8
|
+
declare const DeleteButton: (props: ButtonProps) => jsx.JSX.Element;
|
|
9
9
|
export default DeleteButton;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { jsx } from '@emotion/react';
|
|
4
|
-
import { EmojiDescription, OnEmojiEvent } from '../../types';
|
|
4
|
+
import { type EmojiDescription, type OnEmojiEvent } from '../../types';
|
|
5
5
|
export interface Props extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onMouseMove' | 'onFocus'> {
|
|
6
6
|
/**
|
|
7
7
|
* The emoji to render
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { jsx } from '@emotion/react';
|
|
3
|
-
import { MouseEventHandler, PureComponent, ReactNode, UIEvent } from 'react';
|
|
3
|
+
import { type MouseEventHandler, PureComponent, type ReactNode, type UIEvent } from 'react';
|
|
4
4
|
export interface OnScroll {
|
|
5
5
|
(element: Element, event: UIEvent<any>): void;
|
|
6
6
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { jsx } from '@emotion/react';
|
|
4
|
-
import { Keymap } from '../../util/keymaps';
|
|
4
|
+
import { type Keymap } from '../../util/keymaps';
|
|
5
5
|
export declare const ToolTipContentWithKeymap: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
|
|
6
6
|
description?: string | React.ReactNode;
|
|
7
7
|
keymap?: Keymap | undefined;
|
|
@@ -48,9 +48,6 @@ export declare const emojiDeleteErrorMessage: import("@emotion/react").Serialize
|
|
|
48
48
|
export declare const emojiChooseFileErrorMessage: import("@emotion/react").SerializedStyles;
|
|
49
49
|
export declare const emojiPreviewErrorMessage: import("@emotion/react").SerializedStyles;
|
|
50
50
|
export declare const addCustomEmojiButton: import("@emotion/react").SerializedStyles;
|
|
51
|
-
export declare const uploadRetryButton: import("@emotion/react").SerializedStyles;
|
|
52
|
-
export declare const uploadEmojiButton: import("@emotion/react").SerializedStyles;
|
|
53
|
-
export declare const cancelButton: import("@emotion/react").SerializedStyles;
|
|
54
51
|
export declare const buttonSpinner: import("@emotion/react").SerializedStyles;
|
|
55
52
|
export declare const emojiActionsWrapper: import("@emotion/react").SerializedStyles;
|
|
56
53
|
export declare const tooltipShortcutStyle: import("@emotion/react").SerializedStyles;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import type { ReactNode } from 'react';
|
|
3
3
|
import { jsx } from '@emotion/react';
|
|
4
|
-
import { Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
|
|
5
|
-
import { Props as EmojiRowProps } from './EmojiPickerEmojiRow';
|
|
4
|
+
import { type Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
|
|
5
|
+
import { type Props as EmojiRowProps } from './EmojiPickerEmojiRow';
|
|
6
6
|
import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
|
|
7
7
|
export interface RenderItem {
|
|
8
8
|
(context?: VirtualItemContext): ReactNode;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { ComponentClass } from 'react';
|
|
3
3
|
import type { EmojiProvider } from '../../api/EmojiResource';
|
|
4
4
|
import type { RelativePosition } from '../../types';
|
|
5
|
-
import LoadingEmojiComponent, { Props as LoadingProps, State as LoadingState } from '../common/LoadingEmojiComponent';
|
|
5
|
+
import LoadingEmojiComponent, { type Props as LoadingProps, type State as LoadingState } from '../common/LoadingEmojiComponent';
|
|
6
6
|
import type { EmojiTypeAheadBaseProps, Props as ComponentProps } from './EmojiTypeAheadComponent';
|
|
7
7
|
export interface Props extends EmojiTypeAheadBaseProps, LoadingProps {
|
|
8
8
|
/** CSS selector, or target HTML element */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IntersectionOptions } from 'react-intersection-observer';
|
|
1
|
+
import { type IntersectionOptions } from 'react-intersection-observer';
|
|
2
2
|
type InViewHookNotSupportedResponse = [undefined, boolean];
|
|
3
3
|
export declare const useInView: (options?: IntersectionOptions | undefined) => InViewHookNotSupportedResponse | import("react-intersection-observer").InViewHookResponse;
|
|
4
4
|
export {};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ import EmojiRepository from './api/EmojiRepository';
|
|
|
12
12
|
import EmojiLoader from './api/EmojiLoader';
|
|
13
13
|
import { denormaliseEmojiServiceResponse } from './api/EmojiUtils';
|
|
14
14
|
import { toEmojiId, toOptionalEmojiId } from './util/type-helpers';
|
|
15
|
-
import { recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, WithSamplingUFOExperience } from './util/analytics';
|
|
15
|
+
import { recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, type WithSamplingUFOExperience } from './util/analytics';
|
|
16
16
|
import { customCategory, defaultEmojiHeight, emojiPickerWidth, emojiPickerHeight } from './util/constants';
|
|
17
17
|
import { UsageFrequencyTracker } from './api/internal/UsageFrequencyTracker';
|
|
18
18
|
import { useEmoji } from './hooks/useEmoji';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type EmojiId, type ProviderTypes } from '../../types';
|
|
2
2
|
import { ConcurrentExperience, UFOExperience } from '@atlaskit/ufo';
|
|
3
|
-
import { WithSamplingUFOExperience } from './samplingUfo';
|
|
3
|
+
import { type WithSamplingUFOExperience } from './samplingUfo';
|
|
4
4
|
export declare const ufoExperiences: {
|
|
5
5
|
'emoji-rendered': ConcurrentExperience;
|
|
6
6
|
'emoji-resource-fetched': ConcurrentExperience;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AbstractResource, OnProviderChange, ServiceConfig } from '@atlaskit/util-service-support';
|
|
1
|
+
import { AbstractResource, type OnProviderChange, type ServiceConfig } from '@atlaskit/util-service-support';
|
|
2
2
|
import type { CategoryId } from '../components/picker/categories';
|
|
3
3
|
import { type EmojiDescription, type EmojiId, type EmojiProvider, type EmojiResponse, type EmojiSearchResult, type EmojiUpload, type OptionalEmojiDescription, type OptionalEmojiDescriptionWithVariations, type OptionalUser, type SearchOptions, type ToneSelection, type UploadingEmojiProvider, type User } from '../types';
|
|
4
4
|
import EmojiRepository from './EmojiRepository';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { MediaApiToken } from '../../types';
|
|
2
|
-
import { ServiceConfig } from '@atlaskit/util-service-support';
|
|
2
|
+
import { type ServiceConfig } from '@atlaskit/util-service-support';
|
|
3
3
|
export declare const EXPIRES_AT_LATENCY_IN_SECONDS = 30;
|
|
4
4
|
export type TokenType = 'read' | 'upload';
|
|
5
5
|
export default class TokenManager {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { jsx } from '@emotion/react';
|
|
3
|
-
import { type
|
|
3
|
+
import { type ButtonProps } from '@atlaskit/button/standard-button';
|
|
4
4
|
/**
|
|
5
5
|
* Test id for wrapper Emoji delete button
|
|
6
6
|
*/
|
|
7
7
|
export declare const RENDER_EMOJI_DELETE_BUTTON_TESTID = "render-emoji-delete-button";
|
|
8
|
-
declare const DeleteButton: (props:
|
|
8
|
+
declare const DeleteButton: (props: ButtonProps) => jsx.JSX.Element;
|
|
9
9
|
export default DeleteButton;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { jsx } from '@emotion/react';
|
|
4
|
-
import { EmojiDescription, OnEmojiEvent } from '../../types';
|
|
4
|
+
import { type EmojiDescription, type OnEmojiEvent } from '../../types';
|
|
5
5
|
export interface Props extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onMouseMove' | 'onFocus'> {
|
|
6
6
|
/**
|
|
7
7
|
* The emoji to render
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { jsx } from '@emotion/react';
|
|
3
|
-
import { MouseEventHandler, PureComponent, ReactNode, UIEvent } from 'react';
|
|
3
|
+
import { type MouseEventHandler, PureComponent, type ReactNode, type UIEvent } from 'react';
|
|
4
4
|
export interface OnScroll {
|
|
5
5
|
(element: Element, event: UIEvent<any>): void;
|
|
6
6
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { jsx } from '@emotion/react';
|
|
4
|
-
import { Keymap } from '../../util/keymaps';
|
|
4
|
+
import { type Keymap } from '../../util/keymaps';
|
|
5
5
|
export declare const ToolTipContentWithKeymap: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
|
|
6
6
|
description?: string | React.ReactNode;
|
|
7
7
|
keymap?: Keymap | undefined;
|
|
@@ -48,9 +48,6 @@ export declare const emojiDeleteErrorMessage: import("@emotion/react").Serialize
|
|
|
48
48
|
export declare const emojiChooseFileErrorMessage: import("@emotion/react").SerializedStyles;
|
|
49
49
|
export declare const emojiPreviewErrorMessage: import("@emotion/react").SerializedStyles;
|
|
50
50
|
export declare const addCustomEmojiButton: import("@emotion/react").SerializedStyles;
|
|
51
|
-
export declare const uploadRetryButton: import("@emotion/react").SerializedStyles;
|
|
52
|
-
export declare const uploadEmojiButton: import("@emotion/react").SerializedStyles;
|
|
53
|
-
export declare const cancelButton: import("@emotion/react").SerializedStyles;
|
|
54
51
|
export declare const buttonSpinner: import("@emotion/react").SerializedStyles;
|
|
55
52
|
export declare const emojiActionsWrapper: import("@emotion/react").SerializedStyles;
|
|
56
53
|
export declare const tooltipShortcutStyle: import("@emotion/react").SerializedStyles;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import type { ReactNode } from 'react';
|
|
3
3
|
import { jsx } from '@emotion/react';
|
|
4
|
-
import { Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
|
|
5
|
-
import { Props as EmojiRowProps } from './EmojiPickerEmojiRow';
|
|
4
|
+
import { type Props as CategoryHeadingProps } from './EmojiPickerCategoryHeading';
|
|
5
|
+
import { type Props as EmojiRowProps } from './EmojiPickerEmojiRow';
|
|
6
6
|
import type { VirtualItem as VirtualItemContext } from '@tanstack/react-virtual';
|
|
7
7
|
export interface RenderItem {
|
|
8
8
|
(context?: VirtualItemContext): ReactNode;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { ComponentClass } from 'react';
|
|
3
3
|
import type { EmojiProvider } from '../../api/EmojiResource';
|
|
4
4
|
import type { RelativePosition } from '../../types';
|
|
5
|
-
import LoadingEmojiComponent, { Props as LoadingProps, State as LoadingState } from '../common/LoadingEmojiComponent';
|
|
5
|
+
import LoadingEmojiComponent, { type Props as LoadingProps, type State as LoadingState } from '../common/LoadingEmojiComponent';
|
|
6
6
|
import type { EmojiTypeAheadBaseProps, Props as ComponentProps } from './EmojiTypeAheadComponent';
|
|
7
7
|
export interface Props extends EmojiTypeAheadBaseProps, LoadingProps {
|
|
8
8
|
/** CSS selector, or target HTML element */
|
|
@@ -12,7 +12,7 @@ import EmojiRepository from './api/EmojiRepository';
|
|
|
12
12
|
import EmojiLoader from './api/EmojiLoader';
|
|
13
13
|
import { denormaliseEmojiServiceResponse } from './api/EmojiUtils';
|
|
14
14
|
import { toEmojiId, toOptionalEmojiId } from './util/type-helpers';
|
|
15
|
-
import { recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, WithSamplingUFOExperience } from './util/analytics';
|
|
15
|
+
import { recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, type WithSamplingUFOExperience } from './util/analytics';
|
|
16
16
|
import { customCategory, defaultEmojiHeight, emojiPickerWidth, emojiPickerHeight } from './util/constants';
|
|
17
17
|
import { UsageFrequencyTracker } from './api/internal/UsageFrequencyTracker';
|
|
18
18
|
import { useEmoji } from './hooks/useEmoji';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type EmojiId, type ProviderTypes } from '../../types';
|
|
2
2
|
import { ConcurrentExperience, UFOExperience } from '@atlaskit/ufo';
|
|
3
|
-
import { WithSamplingUFOExperience } from './samplingUfo';
|
|
3
|
+
import { type WithSamplingUFOExperience } from './samplingUfo';
|
|
4
4
|
export declare const ufoExperiences: {
|
|
5
5
|
'emoji-rendered': ConcurrentExperience;
|
|
6
6
|
'emoji-resource-fetched': ConcurrentExperience;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/emoji",
|
|
3
|
-
"version": "67.6.
|
|
3
|
+
"version": "67.6.23",
|
|
4
4
|
"description": "Fabric emoji React components",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -38,15 +38,16 @@
|
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@atlaskit/analytics-next": "^9.3.0",
|
|
41
|
-
"@atlaskit/button": "^17.
|
|
42
|
-
"@atlaskit/icon": "^22.
|
|
43
|
-
"@atlaskit/media-client": "^
|
|
41
|
+
"@atlaskit/button": "^17.17.0",
|
|
42
|
+
"@atlaskit/icon": "^22.3.0",
|
|
43
|
+
"@atlaskit/media-client": "^27.2.0",
|
|
44
44
|
"@atlaskit/media-client-react": "^2.0.0",
|
|
45
|
+
"@atlaskit/primitives": "^6.4.0",
|
|
45
46
|
"@atlaskit/spinner": "^16.1.0",
|
|
46
47
|
"@atlaskit/textfield": "^6.3.0",
|
|
47
|
-
"@atlaskit/theme": "^12.
|
|
48
|
-
"@atlaskit/tokens": "^1.
|
|
49
|
-
"@atlaskit/tooltip": "^18.
|
|
48
|
+
"@atlaskit/theme": "^12.8.0",
|
|
49
|
+
"@atlaskit/tokens": "^1.49.0",
|
|
50
|
+
"@atlaskit/tooltip": "^18.4.0",
|
|
50
51
|
"@atlaskit/ufo": "^0.2.0",
|
|
51
52
|
"@atlaskit/util-service-support": "^6.2.0",
|
|
52
53
|
"@atlaskit/visually-hidden": "^1.3.0",
|
|
@@ -68,11 +69,11 @@
|
|
|
68
69
|
},
|
|
69
70
|
"devDependencies": {
|
|
70
71
|
"@af/integration-testing": "*",
|
|
72
|
+
"@af/visual-regression": "*",
|
|
71
73
|
"@atlaskit/elements-test-helpers": "^0.7.0",
|
|
72
74
|
"@atlaskit/media-core": "^34.2.0",
|
|
73
75
|
"@atlaskit/ssr": "*",
|
|
74
76
|
"@atlaskit/visual-regression": "*",
|
|
75
|
-
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
76
77
|
"@emotion/jest": "^11.8.0",
|
|
77
78
|
"@testing-library/dom": "^8.17.1",
|
|
78
79
|
"@testing-library/jest-dom": "^5.16.5",
|
|
@@ -110,7 +111,6 @@
|
|
|
110
111
|
"./types": "./src/types.ts",
|
|
111
112
|
"./utils": "./src/utils.ts"
|
|
112
113
|
},
|
|
113
|
-
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
|
|
114
114
|
"techstack": {
|
|
115
115
|
"@repo/internal": {
|
|
116
116
|
"design-tokens": [
|