@atlaskit/emoji 72.5.7 → 72.5.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/api/EmojiResource.js +8 -7
- package/dist/cjs/api/emojiRequest.js +2 -2
- package/dist/cjs/api/media/TokenManager.js +2 -2
- package/dist/cjs/components/common/AddOwnEmoji.js +2 -2
- package/dist/cjs/components/common/CreateEmojiWithRovo.js +4 -4
- package/dist/cjs/components/common/DeleteButton.js +2 -2
- package/dist/cjs/components/common/EmojiDeletePreview.js +5 -4
- package/dist/cjs/components/common/EmojiUploadPreview.js +2 -2
- package/dist/cjs/components/common/RetryableButton.js +3 -3
- package/dist/cjs/components/picker/EmojiPickerFooter.js +2 -2
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/util/analytics/createEvent.js +1 -1
- package/dist/es2019/api/EmojiResource.js +2 -1
- package/dist/es2019/api/emojiRequest.js +1 -1
- package/dist/es2019/api/media/TokenManager.js +1 -1
- package/dist/es2019/components/common/AddOwnEmoji.js +1 -1
- package/dist/es2019/components/common/CreateEmojiWithRovo.js +2 -2
- package/dist/es2019/components/common/DeleteButton.js +1 -1
- package/dist/es2019/components/common/EmojiDeletePreview.js +2 -1
- package/dist/es2019/components/common/EmojiUploadPreview.js +1 -1
- package/dist/es2019/components/common/RetryableButton.js +1 -1
- package/dist/es2019/components/picker/EmojiPickerFooter.js +1 -1
- package/dist/es2019/index.js +1 -1
- package/dist/es2019/util/analytics/createEvent.js +1 -1
- package/dist/esm/api/EmojiResource.js +2 -1
- package/dist/esm/api/emojiRequest.js +1 -1
- package/dist/esm/api/media/TokenManager.js +1 -1
- package/dist/esm/components/common/AddOwnEmoji.js +1 -1
- package/dist/esm/components/common/CreateEmojiWithRovo.js +2 -2
- package/dist/esm/components/common/DeleteButton.js +1 -1
- package/dist/esm/components/common/EmojiDeletePreview.js +2 -1
- package/dist/esm/components/common/EmojiUploadPreview.js +1 -1
- package/dist/esm/components/common/RetryableButton.js +1 -1
- package/dist/esm/components/picker/EmojiPickerFooter.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/util/analytics/createEvent.js +1 -1
- package/dist/types/api/EmojiResource.d.ts +2 -1
- package/dist/types/api/EmojiUtils.d.ts +1 -1
- package/dist/types/api/emojiRequest.d.ts +1 -1
- package/dist/types/api/media/TokenManager.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/docs/0-intro.tsx +1 -1
- package/docs/4-emoji-provider.tsx +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -21,11 +21,12 @@ var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
|
21
21
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
22
22
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
23
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
24
|
-
var
|
|
24
|
+
var _constants = require("@atlaskit/util-service-support/constants");
|
|
25
|
+
var _serviceResources = require("@atlaskit/util-service-support/serviceResources");
|
|
25
26
|
var _types = require("../types");
|
|
26
27
|
var _sampledUfoEmojiResourceFetched = require("../util/analytics/sampledUfoEmojiResourceFetched");
|
|
27
28
|
var _ufoExperiences = require("../util/analytics/ufoExperiences");
|
|
28
|
-
var
|
|
29
|
+
var _constants2 = require("../util/constants");
|
|
29
30
|
var _isMediaEmoji = require("../util/is-media-emoji");
|
|
30
31
|
var _isPromise = require("../util/is-promise");
|
|
31
32
|
var _logger = _interopRequireDefault(require("../util/logger"));
|
|
@@ -176,7 +177,7 @@ var EmojiResource = exports.EmojiResource = /*#__PURE__*/function (_AbstractReso
|
|
|
176
177
|
providerType = this.getProviderType(provider);
|
|
177
178
|
_context2.prev = 1;
|
|
178
179
|
(0, _sampledUfoEmojiResourceFetched.sampledUfoEmojiResourceFetched)(providerType).start({
|
|
179
|
-
samplingRate:
|
|
180
|
+
samplingRate: _constants2.SAMPLING_RATE_EMOJI_RESOURCE_FETCHED_EXP
|
|
180
181
|
});
|
|
181
182
|
(0, _sampledUfoEmojiResourceFetched.sampledUfoEmojiResourceFetched)(providerType).addMetadata({
|
|
182
183
|
type: providerType
|
|
@@ -427,7 +428,7 @@ var EmojiResource = exports.EmojiResource = /*#__PURE__*/function (_AbstractReso
|
|
|
427
428
|
return undefined;
|
|
428
429
|
}
|
|
429
430
|
// eslint-disable-next-line @atlaskit/platform/no-direct-web-storage-usage -- existing usage
|
|
430
|
-
var storedToneString = window.localStorage.getItem(
|
|
431
|
+
var storedToneString = window.localStorage.getItem(_constants2.selectedToneStorageKey);
|
|
431
432
|
if (storedToneString) {
|
|
432
433
|
var storedTone = parseInt(storedToneString, 10);
|
|
433
434
|
return !isNaN(storedTone) ? storedTone : undefined;
|
|
@@ -700,7 +701,7 @@ var EmojiResource = exports.EmojiResource = /*#__PURE__*/function (_AbstractReso
|
|
|
700
701
|
var requestInit = {
|
|
701
702
|
method: 'POST'
|
|
702
703
|
};
|
|
703
|
-
return
|
|
704
|
+
return _constants.utils.requestService(recordConfig, {
|
|
704
705
|
queryParams: queryParams,
|
|
705
706
|
requestInit: requestInit
|
|
706
707
|
});
|
|
@@ -743,7 +744,7 @@ var EmojiResource = exports.EmojiResource = /*#__PURE__*/function (_AbstractReso
|
|
|
743
744
|
if ((0, _storageAvailable.default)('localStorage')) {
|
|
744
745
|
try {
|
|
745
746
|
// eslint-disable-next-line @atlaskit/platform/no-direct-web-storage-usage -- existing usage
|
|
746
|
-
window.localStorage.setItem(
|
|
747
|
+
window.localStorage.setItem(_constants2.selectedToneStorageKey, tone ? tone.toString() : '');
|
|
747
748
|
} catch (e) {
|
|
748
749
|
// eslint-disable-next-line no-console
|
|
749
750
|
console.error('failed to store selected emoji skin tone', e);
|
|
@@ -774,7 +775,7 @@ var EmojiResource = exports.EmojiResource = /*#__PURE__*/function (_AbstractReso
|
|
|
774
775
|
}
|
|
775
776
|
}
|
|
776
777
|
}]);
|
|
777
|
-
}(
|
|
778
|
+
}(_serviceResources.AbstractResource);
|
|
778
779
|
var UploadingEmojiResource = exports.default = /*#__PURE__*/function (_EmojiResource2) {
|
|
779
780
|
function UploadingEmojiResource(config) {
|
|
780
781
|
var _this10;
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.emojiRequest = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
-
var
|
|
10
|
+
var _constants = require("@atlaskit/util-service-support/constants");
|
|
11
11
|
var _calculateScale = require("./calculateScale");
|
|
12
12
|
var _getPixelRatio = require("./getPixelRatio");
|
|
13
13
|
var _excluded = ["getRatio"],
|
|
@@ -28,5 +28,5 @@ var emojiRequest = exports.emojiRequest = function emojiRequest(provider, option
|
|
|
28
28
|
preferredRepresentation: 'IMAGE'
|
|
29
29
|
})
|
|
30
30
|
});
|
|
31
|
-
return
|
|
31
|
+
return _constants.utils.requestService(serviceConfig, requestOptions);
|
|
32
32
|
};
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.EXPIRES_AT_LATENCY_IN_SECONDS = void 0;
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var
|
|
10
|
+
var _constants = require("@atlaskit/util-service-support/constants");
|
|
11
11
|
// expire 30 seconds early to factor in latency, slow services, etc
|
|
12
12
|
var EXPIRES_AT_LATENCY_IN_SECONDS = exports.EXPIRES_AT_LATENCY_IN_SECONDS = 30;
|
|
13
13
|
var TokenManager = exports.default = /*#__PURE__*/function () {
|
|
@@ -29,7 +29,7 @@ var TokenManager = exports.default = /*#__PURE__*/function () {
|
|
|
29
29
|
}, {
|
|
30
30
|
key: "fetchNewToken",
|
|
31
31
|
value: function fetchNewToken(type) {
|
|
32
|
-
return
|
|
32
|
+
return _constants.utils.requestService(this.siteServiceConfig, {
|
|
33
33
|
path: "token/".concat(type)
|
|
34
34
|
});
|
|
35
35
|
}
|
|
@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
14
14
|
var _reactIntl = require("react-intl");
|
|
15
15
|
var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
|
|
16
16
|
var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
|
|
17
|
-
var
|
|
17
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
18
18
|
var _i18n = require("../i18n");
|
|
19
19
|
var _EmojiActions = require("./EmojiActions");
|
|
20
20
|
var _styles = require("./styles");
|
|
@@ -38,7 +38,7 @@ var AddOwnEmoji = exports.AddOwnEmoji = function AddOwnEmoji(props) {
|
|
|
38
38
|
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.addCustomEmojiLabel, function (label) {
|
|
39
39
|
return /*#__PURE__*/React.createElement(_standardButton.default, {
|
|
40
40
|
onClick: handleOpenUpload,
|
|
41
|
-
iconBefore: /*#__PURE__*/React.createElement(
|
|
41
|
+
iconBefore: /*#__PURE__*/React.createElement(_box.Box, {
|
|
42
42
|
xcss: styles.icon
|
|
43
43
|
}, /*#__PURE__*/React.createElement(_add.default, {
|
|
44
44
|
color: "currentColor",
|
|
@@ -17,8 +17,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
17
17
|
var _reactIntl = require("react-intl");
|
|
18
18
|
var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
|
|
19
19
|
var _arrowUp = _interopRequireDefault(require("@atlaskit/icon/core/arrow-up"));
|
|
20
|
-
var
|
|
21
|
-
var
|
|
20
|
+
var _icon = require("@atlaskit/logo/rovo/icon");
|
|
21
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
22
22
|
var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
|
|
23
23
|
var _generateEmojiImage = require("../../api/ai/generateEmojiImage");
|
|
24
24
|
var _aiEmoji = require("../../util/ai-emoji");
|
|
@@ -117,11 +117,11 @@ var CreateEmojiWithRovo = function CreateEmojiWithRovo(props) {
|
|
|
117
117
|
className: (0, _runtime.ax)(["_zulpu2gc _x3doia51 _1e0c1txw _2lx21bp4 _ca0qutpp _19pku2gc"])
|
|
118
118
|
}, /*#__PURE__*/React.createElement("div", {
|
|
119
119
|
className: (0, _runtime.ax)(["_zulp12x7 _1e0c1txw _4cvr1h6o"])
|
|
120
|
-
}, /*#__PURE__*/React.createElement(
|
|
120
|
+
}, /*#__PURE__*/React.createElement(_icon.RovoIcon, {
|
|
121
121
|
appearance: "brand",
|
|
122
122
|
size: "xsmall",
|
|
123
123
|
label: formatMessage(_i18n.messages.createEmojiWithRovoTitle)
|
|
124
|
-
}), /*#__PURE__*/React.createElement(
|
|
124
|
+
}), /*#__PURE__*/React.createElement(_text.Text, {
|
|
125
125
|
size: "medium",
|
|
126
126
|
weight: "bold"
|
|
127
127
|
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.createEmojiWithRovoTitle))), /*#__PURE__*/React.createElement("div", {
|
|
@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
13
|
var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
|
|
14
14
|
var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
|
|
15
|
-
var
|
|
15
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
16
16
|
var _constants = require("../../util/constants");
|
|
17
17
|
var _isRefreshEmojiPickerEnabled = require("./isRefreshEmojiPickerEnabled");
|
|
18
18
|
var _styles = require("./styles");
|
|
@@ -34,7 +34,7 @@ var DeleteButton = function DeleteButton(props) {
|
|
|
34
34
|
className: (0, _runtime.ax)(["_3um015vq _1e0c1txw _kqswstnw _154ix0bf _1xi2x0bf _1pbykb7n _13t3idpf", isRefreshEnabled && "_154ir5cr _1xi2r5cr", _styles.emojiDeleteButton]),
|
|
35
35
|
"data-testid": RENDER_EMOJI_DELETE_BUTTON_TESTID
|
|
36
36
|
}, /*#__PURE__*/React.createElement(_standardButton.default, {
|
|
37
|
-
iconBefore: /*#__PURE__*/React.createElement(
|
|
37
|
+
iconBefore: /*#__PURE__*/React.createElement(_box.Box, {
|
|
38
38
|
xcss: styles.boxWrapperStyle
|
|
39
39
|
}, isRefreshEnabled ? /*#__PURE__*/React.createElement(_crossCircle.default, {
|
|
40
40
|
label: _constants.deleteEmojiLabel,
|
|
@@ -22,7 +22,8 @@ var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
|
|
|
22
22
|
var _reactIntl = require("react-intl");
|
|
23
23
|
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
|
|
24
24
|
var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
|
|
25
|
-
var
|
|
25
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
26
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
26
27
|
var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
|
|
27
28
|
var _i18n = require("../i18n");
|
|
28
29
|
var _CachingEmoji = _interopRequireDefault(require("./CachingEmoji"));
|
|
@@ -112,11 +113,11 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
|
|
|
112
113
|
className: (0, _runtime.ax)(["_zulputpp _1e0c1txw _2lx21bp4 _1tke1sa4 _ca0qutpp _u5f3pxbi _n3tdutpp _19bvpxbi _vchhusvi"])
|
|
113
114
|
}, /*#__PURE__*/React.createElement("div", {
|
|
114
115
|
className: (0, _runtime.ax)(["_zulp1b66 _1e0c1txw _2lx21bp4 _4cvr1y6m _y3gn1e5h"])
|
|
115
|
-
}, /*#__PURE__*/React.createElement(
|
|
116
|
+
}, /*#__PURE__*/React.createElement(_box.Box, {
|
|
116
117
|
paddingBlockEnd: "space.100"
|
|
117
118
|
}, /*#__PURE__*/React.createElement(_heading.default, {
|
|
118
119
|
size: "small"
|
|
119
|
-
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.deleteEmojiTitle))), /*#__PURE__*/React.createElement(
|
|
120
|
+
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.deleteEmojiTitle))), /*#__PURE__*/React.createElement(_text.Text, {
|
|
120
121
|
color: "color.text.subtle",
|
|
121
122
|
size: "small"
|
|
122
123
|
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.deleteEmojiDescription, {
|
|
@@ -156,7 +157,7 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
|
|
|
156
157
|
className: (0, _runtime.ax)(["_4t3ivbgk"])
|
|
157
158
|
}, /*#__PURE__*/React.createElement(_heading.default, {
|
|
158
159
|
size: "xxsmall"
|
|
159
|
-
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.deleteEmojiTitle)), /*#__PURE__*/React.createElement(
|
|
160
|
+
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.deleteEmojiTitle)), /*#__PURE__*/React.createElement(_text.Text, {
|
|
160
161
|
color: "color.text.subtle",
|
|
161
162
|
size: "small"
|
|
162
163
|
}, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.deleteEmojiDescription, {
|
|
@@ -20,7 +20,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
|
|
|
20
20
|
var _reactIntl = require("react-intl");
|
|
21
21
|
var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
|
|
22
22
|
var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
|
|
23
|
-
var
|
|
23
|
+
var _stack = require("@atlaskit/primitives/compiled/stack");
|
|
24
24
|
var _constants = require("../../util/constants");
|
|
25
25
|
var _i18n = require("../i18n");
|
|
26
26
|
var _Emoji = _interopRequireDefault(require("./Emoji"));
|
|
@@ -80,7 +80,7 @@ var EmojiUploadPreview = /*#__PURE__*/function (_PureComponent) {
|
|
|
80
80
|
}, /*#__PURE__*/React.createElement("div", {
|
|
81
81
|
"data-testid": uploadPreviewTestId,
|
|
82
82
|
className: (0, _runtime.ax)(["_2rkofajl _1e0c1txw _1bah1yb4 _4cvr1h6o _bfhki8nm _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp"])
|
|
83
|
-
}, /*#__PURE__*/React.createElement(
|
|
83
|
+
}, /*#__PURE__*/React.createElement(_stack.Stack, {
|
|
84
84
|
space: "space.050"
|
|
85
85
|
}, /*#__PURE__*/React.createElement(_heading.default, {
|
|
86
86
|
size: "xsmall"
|
|
@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
13
|
var _reactIntl = require("react-intl");
|
|
14
14
|
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
|
|
15
|
-
var
|
|
15
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
16
16
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
|
|
17
17
|
var _i18n = require("../i18n");
|
|
18
18
|
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); }
|
|
@@ -29,7 +29,7 @@ var RetryButton = function RetryButton(props) {
|
|
|
29
29
|
ariaLabelledBy = props.ariaLabelledBy,
|
|
30
30
|
ariaDescribedBy = props.ariaDescribedBy;
|
|
31
31
|
return /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.retryLabel, function (retryLabel) {
|
|
32
|
-
return /*#__PURE__*/React.createElement(
|
|
32
|
+
return /*#__PURE__*/React.createElement(_box.Box, {
|
|
33
33
|
paddingInlineEnd: "space.050"
|
|
34
34
|
}, /*#__PURE__*/React.createElement(_button.default, {
|
|
35
35
|
appearance: "warning",
|
|
@@ -47,7 +47,7 @@ var UploadButton = function UploadButton(props) {
|
|
|
47
47
|
label = props.label,
|
|
48
48
|
ariaLabelledBy = props.ariaLabelledBy,
|
|
49
49
|
ariaDescribedBy = props.ariaDescribedBy;
|
|
50
|
-
return /*#__PURE__*/React.createElement(
|
|
50
|
+
return /*#__PURE__*/React.createElement(_box.Box, {
|
|
51
51
|
paddingInlineEnd: "space.050"
|
|
52
52
|
}, /*#__PURE__*/React.createElement(_button.default, {
|
|
53
53
|
appearance: appearance,
|
|
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var React = _react;
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
13
|
var _reactIntl = require("react-intl");
|
|
14
|
-
var
|
|
14
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
15
15
|
var _AddEmoji = require("../common/AddEmoji");
|
|
16
16
|
var _EmojiPreviewComponent = require("../common/EmojiPreviewComponent");
|
|
17
17
|
var _isRefreshEmojiPickerEnabled = require("../common/isRefreshEmojiPickerEnabled");
|
|
@@ -31,7 +31,7 @@ var EmojiPickerFooter = function EmojiPickerFooter(_ref) {
|
|
|
31
31
|
return (0, _isRefreshEmojiPickerEnabled.isRefreshEmojiPickerEnabled)() ? /*#__PURE__*/React.createElement("div", {
|
|
32
32
|
"data-testid": emojiPickerFooterTestId,
|
|
33
33
|
className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug", "_x3doia51"])
|
|
34
|
-
}, selectedEmoji ? /*#__PURE__*/React.createElement(
|
|
34
|
+
}, selectedEmoji ? /*#__PURE__*/React.createElement(_box.Box, {
|
|
35
35
|
xcss: emojiPreviewContainerStyles.emojiPreviewContainer
|
|
36
36
|
}, /*#__PURE__*/React.createElement(_EmojiPreviewComponent.EmojiPreviewComponent, {
|
|
37
37
|
emoji: selectedEmoji
|
package/dist/cjs/index.js
CHANGED
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
Object.defineProperty(exports, "AbstractResource", {
|
|
8
8
|
enumerable: true,
|
|
9
9
|
get: function get() {
|
|
10
|
-
return
|
|
10
|
+
return _serviceResources.AbstractResource;
|
|
11
11
|
}
|
|
12
12
|
});
|
|
13
13
|
Object.defineProperty(exports, "Emoji", {
|
|
@@ -281,7 +281,7 @@ Object.defineProperty(exports, "withSampling", {
|
|
|
281
281
|
return _withSampling.withSampling;
|
|
282
282
|
}
|
|
283
283
|
});
|
|
284
|
-
var
|
|
284
|
+
var _serviceResources = require("@atlaskit/util-service-support/serviceResources");
|
|
285
285
|
var _Emoji = _interopRequireDefault(require("./components/common/Emoji"));
|
|
286
286
|
var _EmojiPlaceholder = _interopRequireDefault(require("./components/common/EmojiPlaceholder"));
|
|
287
287
|
var _ResourcedEmoji = _interopRequireDefault(require("./components/common/ResourcedEmoji"));
|
|
@@ -19,7 +19,7 @@ var createEvent = exports.createEvent = function createEvent(eventType, action,
|
|
|
19
19
|
actionSubjectId: actionSubjectId,
|
|
20
20
|
attributes: _objectSpread({
|
|
21
21
|
packageName: "@atlaskit/emoji",
|
|
22
|
-
packageVersion: "72.5.
|
|
22
|
+
packageVersion: "72.5.8"
|
|
23
23
|
}, attributes)
|
|
24
24
|
};
|
|
25
25
|
};
|
|
@@ -2,7 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
|
|
3
3
|
|
|
4
4
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
5
|
-
import {
|
|
5
|
+
import { utils as serviceUtils } from '@atlaskit/util-service-support/constants';
|
|
6
|
+
import { AbstractResource } from '@atlaskit/util-service-support/serviceResources';
|
|
6
7
|
import { ProviderTypes } from '../types';
|
|
7
8
|
import { sampledUfoEmojiResourceFetched } from '../util/analytics/sampledUfoEmojiResourceFetched';
|
|
8
9
|
import { ufoExperiences } from '../util/analytics/ufoExperiences';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { utils as serviceUtils } from '@atlaskit/util-service-support';
|
|
1
|
+
import { utils as serviceUtils } from '@atlaskit/util-service-support/constants';
|
|
2
2
|
import { calculateScale } from './calculateScale';
|
|
3
3
|
import { getPixelRatio } from './getPixelRatio';
|
|
4
4
|
export const emojiRequest = (provider, options) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { utils as serviceUtils } from '@atlaskit/util-service-support';
|
|
1
|
+
import { utils as serviceUtils } from '@atlaskit/util-service-support/constants';
|
|
2
2
|
// expire 30 seconds early to factor in latency, slow services, etc
|
|
3
3
|
export const EXPIRES_AT_LATENCY_IN_SECONDS = 30;
|
|
4
4
|
export default class TokenManager {
|
|
@@ -6,7 +6,7 @@ import { Fragment, useCallback } from 'react';
|
|
|
6
6
|
import { FormattedMessage } from 'react-intl';
|
|
7
7
|
import AkButton from '@atlaskit/button/standard-button';
|
|
8
8
|
import AddIcon from '@atlaskit/icon/core/add';
|
|
9
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
9
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
10
10
|
import { messages } from '../i18n';
|
|
11
11
|
import { uploadEmojiTestId } from './EmojiActions';
|
|
12
12
|
import { emojiPickerAddEmoji } from './styles';
|
|
@@ -6,8 +6,8 @@ import { useCallback, useState } from 'react';
|
|
|
6
6
|
import { FormattedMessage, useIntl } from 'react-intl';
|
|
7
7
|
import IconButton from '@atlaskit/button/icon/button';
|
|
8
8
|
import ArrowUpIcon from '@atlaskit/icon/core/arrow-up';
|
|
9
|
-
import { RovoIcon } from '@atlaskit/logo';
|
|
10
|
-
import { Text } from '@atlaskit/primitives/compiled';
|
|
9
|
+
import { RovoIcon } from '@atlaskit/logo/rovo/icon';
|
|
10
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
11
11
|
import TextField from '@atlaskit/textfield/text-field';
|
|
12
12
|
import { generateEmojiImage } from '../../api/ai/generateEmojiImage';
|
|
13
13
|
import { slugifyPrompt } from '../../util/ai-emoji';
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import Button from '@atlaskit/button/standard-button';
|
|
6
6
|
import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
|
|
7
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
7
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
8
8
|
import { deleteEmojiLabel } from '../../util/constants';
|
|
9
9
|
import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
|
|
10
10
|
import { emojiDeleteButton } from './styles';
|
|
@@ -9,7 +9,8 @@ import FocusLock from 'react-focus-lock';
|
|
|
9
9
|
import { FormattedMessage, injectIntl } from 'react-intl';
|
|
10
10
|
import AkButton from '@atlaskit/button/default/button';
|
|
11
11
|
import Heading from '@atlaskit/heading/heading';
|
|
12
|
-
import { Box
|
|
12
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
13
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
13
14
|
import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
|
|
14
15
|
import { messages } from '../i18n';
|
|
15
16
|
import CachingEmoji from './CachingEmoji';
|
|
@@ -7,7 +7,7 @@ import { PureComponent } from 'react';
|
|
|
7
7
|
import { FormattedMessage, injectIntl } from 'react-intl';
|
|
8
8
|
import AkButton from '@atlaskit/button/standard-button';
|
|
9
9
|
import Heading from '@atlaskit/heading/heading';
|
|
10
|
-
import { Stack } from '@atlaskit/primitives/compiled';
|
|
10
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
11
11
|
import { customCategory } from '../../util/constants';
|
|
12
12
|
import { messages } from '../i18n';
|
|
13
13
|
import Emoji from './Emoji';
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { FormattedMessage } from 'react-intl';
|
|
6
6
|
import AkButton from '@atlaskit/button/default/button';
|
|
7
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
7
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
8
8
|
import Spinner from '@atlaskit/spinner/spinner';
|
|
9
9
|
import { messages } from '../i18n';
|
|
10
10
|
const buttonSpinner = null;
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { memo } from 'react';
|
|
6
6
|
import { useIntl } from 'react-intl';
|
|
7
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
7
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
8
8
|
import { AddOwnEmoji } from '../common/AddEmoji';
|
|
9
9
|
import { EmojiPreviewComponent } from '../common/EmojiPreviewComponent';
|
|
10
10
|
import { isRefreshEmojiPickerEnabled } from '../common/isRefreshEmojiPickerEnabled';
|
package/dist/es2019/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AbstractResource } from '@atlaskit/util-service-support';
|
|
1
|
+
import { AbstractResource } from '@atlaskit/util-service-support/serviceResources';
|
|
2
2
|
import Emoji from './components/common/Emoji';
|
|
3
3
|
import EmojiPlaceholder from './components/common/EmojiPlaceholder';
|
|
4
4
|
import ResourcedEmoji from './components/common/ResourcedEmoji';
|
|
@@ -15,7 +15,8 @@ function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prot
|
|
|
15
15
|
/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
|
|
16
16
|
|
|
17
17
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
18
|
-
import {
|
|
18
|
+
import { utils as serviceUtils } from '@atlaskit/util-service-support/constants';
|
|
19
|
+
import { AbstractResource } from '@atlaskit/util-service-support/serviceResources';
|
|
19
20
|
import { ProviderTypes } from '../types';
|
|
20
21
|
import { sampledUfoEmojiResourceFetched } from '../util/analytics/sampledUfoEmojiResourceFetched';
|
|
21
22
|
import { ufoExperiences } from '../util/analytics/ufoExperiences';
|
|
@@ -4,7 +4,7 @@ var _excluded = ["getRatio"],
|
|
|
4
4
|
_excluded2 = ["queryParams"];
|
|
5
5
|
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; }
|
|
6
6
|
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; }
|
|
7
|
-
import { utils as serviceUtils } from '@atlaskit/util-service-support';
|
|
7
|
+
import { utils as serviceUtils } from '@atlaskit/util-service-support/constants';
|
|
8
8
|
import { calculateScale } from './calculateScale';
|
|
9
9
|
import { getPixelRatio } from './getPixelRatio';
|
|
10
10
|
export var emojiRequest = function emojiRequest(provider, options) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import { utils as serviceUtils } from '@atlaskit/util-service-support';
|
|
3
|
+
import { utils as serviceUtils } from '@atlaskit/util-service-support/constants';
|
|
4
4
|
// expire 30 seconds early to factor in latency, slow services, etc
|
|
5
5
|
export var EXPIRES_AT_LATENCY_IN_SECONDS = 30;
|
|
6
6
|
var TokenManager = /*#__PURE__*/function () {
|
|
@@ -6,7 +6,7 @@ import { Fragment, useCallback } from 'react';
|
|
|
6
6
|
import { FormattedMessage } from 'react-intl';
|
|
7
7
|
import AkButton from '@atlaskit/button/standard-button';
|
|
8
8
|
import AddIcon from '@atlaskit/icon/core/add';
|
|
9
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
9
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
10
10
|
import { messages } from '../i18n';
|
|
11
11
|
import { uploadEmojiTestId } from './EmojiActions';
|
|
12
12
|
import { emojiPickerAddEmoji } from './styles';
|
|
@@ -9,8 +9,8 @@ import { useCallback, useState } from 'react';
|
|
|
9
9
|
import { FormattedMessage, useIntl } from 'react-intl';
|
|
10
10
|
import IconButton from '@atlaskit/button/icon/button';
|
|
11
11
|
import ArrowUpIcon from '@atlaskit/icon/core/arrow-up';
|
|
12
|
-
import { RovoIcon } from '@atlaskit/logo';
|
|
13
|
-
import { Text } from '@atlaskit/primitives/compiled';
|
|
12
|
+
import { RovoIcon } from '@atlaskit/logo/rovo/icon';
|
|
13
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
14
14
|
import TextField from '@atlaskit/textfield/text-field';
|
|
15
15
|
import { generateEmojiImage } from '../../api/ai/generateEmojiImage';
|
|
16
16
|
import { slugifyPrompt } from '../../util/ai-emoji';
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import Button from '@atlaskit/button/standard-button';
|
|
6
6
|
import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
|
|
7
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
7
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
8
8
|
import { deleteEmojiLabel } from '../../util/constants';
|
|
9
9
|
import { isRefreshEmojiPickerEnabled } from './isRefreshEmojiPickerEnabled';
|
|
10
10
|
import { emojiDeleteButton } from './styles';
|
|
@@ -16,7 +16,8 @@ import FocusLock from 'react-focus-lock';
|
|
|
16
16
|
import { FormattedMessage, injectIntl } from 'react-intl';
|
|
17
17
|
import AkButton from '@atlaskit/button/default/button';
|
|
18
18
|
import Heading from '@atlaskit/heading/heading';
|
|
19
|
-
import { Box
|
|
19
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
20
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
20
21
|
import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
|
|
21
22
|
import { messages } from '../i18n';
|
|
22
23
|
import CachingEmoji from './CachingEmoji';
|
|
@@ -14,7 +14,7 @@ import { PureComponent } from 'react';
|
|
|
14
14
|
import { FormattedMessage, injectIntl } from 'react-intl';
|
|
15
15
|
import AkButton from '@atlaskit/button/standard-button';
|
|
16
16
|
import Heading from '@atlaskit/heading/heading';
|
|
17
|
-
import { Stack } from '@atlaskit/primitives/compiled';
|
|
17
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
18
18
|
import { customCategory } from '../../util/constants';
|
|
19
19
|
import { messages } from '../i18n';
|
|
20
20
|
import Emoji from './Emoji';
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { FormattedMessage } from 'react-intl';
|
|
6
6
|
import AkButton from '@atlaskit/button/default/button';
|
|
7
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
7
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
8
8
|
import Spinner from '@atlaskit/spinner/spinner';
|
|
9
9
|
import { messages } from '../i18n';
|
|
10
10
|
var buttonSpinner = null;
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { memo } from 'react';
|
|
6
6
|
import { useIntl } from 'react-intl';
|
|
7
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
7
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
8
8
|
import { AddOwnEmoji } from '../common/AddEmoji';
|
|
9
9
|
import { EmojiPreviewComponent } from '../common/EmojiPreviewComponent';
|
|
10
10
|
import { isRefreshEmojiPickerEnabled } from '../common/isRefreshEmojiPickerEnabled';
|
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AbstractResource } from '@atlaskit/util-service-support';
|
|
1
|
+
import { AbstractResource } from '@atlaskit/util-service-support/serviceResources';
|
|
2
2
|
import Emoji from './components/common/Emoji';
|
|
3
3
|
import EmojiPlaceholder from './components/common/EmojiPlaceholder';
|
|
4
4
|
import ResourcedEmoji from './components/common/ResourcedEmoji';
|
|
@@ -12,7 +12,7 @@ export var createEvent = function createEvent(eventType, action, actionSubject,
|
|
|
12
12
|
actionSubjectId: actionSubjectId,
|
|
13
13
|
attributes: _objectSpread({
|
|
14
14
|
packageName: "@atlaskit/emoji",
|
|
15
|
-
packageVersion: "72.5.
|
|
15
|
+
packageVersion: "72.5.8"
|
|
16
16
|
}, attributes)
|
|
17
17
|
};
|
|
18
18
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { AbstractResource
|
|
1
|
+
import { AbstractResource } from '@atlaskit/util-service-support/serviceResources';
|
|
2
|
+
import type { OnProviderChange, ServiceConfig } from '@atlaskit/util-service-support/types';
|
|
2
3
|
import type { CategoryId } from '../components/picker/categories';
|
|
3
4
|
import { type EmojiDescription, type EmojiId, type EmojiProvider, type EmojiProviderLookupOrder, type EmojiResponse, type EmojiSearchResult, type EmojiUpload, type OptionalEmojiDescription, type OptionalEmojiDescriptionWithVariations, type OptionalUser, type SearchOptions, type ToneSelection, type UploadingEmojiProvider, type User } from '../types';
|
|
4
5
|
import EmojiRepository from './EmojiRepository';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { ServiceConfig } from '@atlaskit/util-service-support/types';
|
|
2
2
|
import { type EmojiId } from '../types';
|
|
3
3
|
export interface EmojiLoaderConfig extends ServiceConfig {
|
|
4
4
|
getRatio?: () => number;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { RequestServiceOptions } from '@atlaskit/util-service-support/types';
|
|
2
2
|
import { type EmojiServiceResponse } from '../types';
|
|
3
3
|
import type { EmojiLoaderConfig } from './EmojiUtils';
|
|
4
4
|
export declare const emojiRequest: (provider: EmojiLoaderConfig, options?: RequestServiceOptions) => Promise<EmojiServiceResponse>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { ServiceConfig } from '@atlaskit/util-service-support/types';
|
|
2
2
|
import type { MediaApiToken } from '../../types';
|
|
3
3
|
export declare const EXPIRES_AT_LATENCY_IN_SECONDS = 30;
|
|
4
4
|
export type TokenType = 'read' | 'upload';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AbstractResource } from '@atlaskit/util-service-support';
|
|
1
|
+
import { AbstractResource } from '@atlaskit/util-service-support/serviceResources';
|
|
2
2
|
import Emoji from './components/common/Emoji';
|
|
3
3
|
import EmojiPlaceholder from './components/common/EmojiPlaceholder';
|
|
4
4
|
import ResourcedEmoji from './components/common/ResourcedEmoji';
|
package/docs/0-intro.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { md, Example, code, AtlassianInternalWarning, Props } from '@atlaskit/docs';
|
|
3
3
|
import SectionMessage from '@atlaskit/section-message/message';
|
|
4
4
|
import SimpleEmojiExample from '../examples/00-simple-emoji';
|
|
5
|
-
import { Text } from '@atlaskit/primitives/compiled';
|
|
5
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
6
6
|
|
|
7
7
|
const SimpleEmojiSource = require('!!raw-loader!../examples/00-simple-emoji');
|
|
8
8
|
const EmojiProps = require('!!extract-react-types-loader!../src/components/common/Emoji');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { md, code } from '@atlaskit/docs';
|
|
3
3
|
import SectionMessage from '@atlaskit/section-message/message';
|
|
4
|
-
import { Text } from '@atlaskit/primitives/compiled';
|
|
4
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
5
5
|
|
|
6
6
|
const _default_1: any = md`
|
|
7
7
|
Emoji provider mainly controls what type of emojis you want to support, how to resolve emojis, and how to upload custom emojis if enabled.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/emoji",
|
|
3
|
-
"version": "72.5.
|
|
3
|
+
"version": "72.5.9",
|
|
4
4
|
"description": "Fabric emoji React components",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"@atlaskit/spinner": "^20.4.0",
|
|
55
55
|
"@atlaskit/textfield": "^10.2.0",
|
|
56
56
|
"@atlaskit/theme": "^28.2.0",
|
|
57
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
57
|
+
"@atlaskit/tmp-editor-statsig": "^230.0.0",
|
|
58
58
|
"@atlaskit/tokens": "^20.4.0",
|
|
59
59
|
"@atlaskit/tooltip": "^24.4.0",
|
|
60
60
|
"@atlaskit/ufo": "^2.0.0",
|