@atlaskit/emoji 70.10.3 → 70.10.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/common/EmojiUploadPicker.js +3 -2
  3. package/dist/cjs/components/i18n.js +5 -0
  4. package/dist/cjs/util/analytics/analytics.js +1 -1
  5. package/dist/es2019/components/common/EmojiUploadPicker.js +3 -2
  6. package/dist/es2019/components/i18n.js +5 -0
  7. package/dist/es2019/util/analytics/analytics.js +1 -1
  8. package/dist/esm/components/common/EmojiUploadPicker.js +3 -2
  9. package/dist/esm/components/i18n.js +5 -0
  10. package/dist/esm/util/analytics/analytics.js +1 -1
  11. package/dist/types/components/i18n.d.ts +5 -0
  12. package/dist/types-ts4.5/components/i18n.d.ts +5 -0
  13. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 70.10.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`c5b9254ad3e07`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c5b9254ad3e07) -
8
+ The upload emoji picker copy is updated to reflect new drag and drop functionality
9
+ - Updated dependencies
10
+
3
11
  ## 70.10.3
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/components/common/EmojiUploadPicker.js CHANGED
@@ -91,6 +91,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
91
91
  var emojiPlaceholder = formatMessage(_i18n.messages.emojiPlaceholder);
92
92
  var emojiNameAriaLabel = formatMessage(_i18n.messages.emojiNameAriaLabel);
93
93
  var emojiChooseFileTitle = formatMessage(_i18n.messages.emojiChooseFileTitle);
94
+ var emojiChooseFileTitleNew = formatMessage(_i18n.messages.emojiChooseFileDndTitle);
94
95
  var isUploading = uploadStatus === _internalTypes.UploadStatus.Uploading;
95
96
  var addEmojiDisabled = !previewImage || !name || isUploading;
96
97
  return (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? /*#__PURE__*/React.createElement("div", {
@@ -105,7 +106,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
105
106
  className: (0, _runtime.ax)(["_zulp12x7 _1e0c1txw _2lx21bp4 _1tker0r7"])
106
107
  }, /*#__PURE__*/React.createElement(_compiled.Box, null, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
107
108
  return /*#__PURE__*/React.createElement(_FileChooser.default, {
108
- label: emojiChooseFileTitle,
109
+ label: (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? emojiChooseFileTitleNew : emojiChooseFileTitle,
109
110
  onChange: onChooseFile,
110
111
  onClick: onClick,
111
112
  accept: "image/png,image/jpeg,image/gif",
@@ -190,7 +191,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
190
191
  "aria-required": true
191
192
  })), /*#__PURE__*/React.createElement(_compiled.Text, null, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
192
193
  return /*#__PURE__*/React.createElement(_FileChooser.default, {
193
- label: emojiChooseFileTitle,
194
+ label: (0, _platformFeatureFlags.fg)('platform_emoji_picker_refresh') ? emojiChooseFileTitleNew : emojiChooseFileTitle,
194
195
  onChange: onChooseFile,
195
196
  onClick: onClick,
196
197
  accept: "image/png,image/jpeg,image/gif",
package/dist/cjs/components/i18n.js CHANGED
@@ -56,6 +56,11 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
56
56
  defaultMessage: 'Choose file',
57
57
  description: 'Label for the file chooser button in the custom emoji upload panel where users select an image file for their emoji.'
58
58
  },
59
+ emojiChooseFileDndTitle: {
60
+ id: 'fabric.emoji.choose.file.dnd.title',
61
+ defaultMessage: 'Select or drop an image',
62
+ description: 'Label for the file chooser button in the custom emoji upload panel where users select or drag and drop an image file for their emoji.'
63
+ },
59
64
  emojiChooseFileScreenReaderDescription: {
60
65
  id: 'fabric.emoji.choose.file.screenReaderDescription',
61
66
  defaultMessage: 'Choose a file for the emoji. JPG, PNG or GIF. Max size 1 MB',
package/dist/cjs/util/analytics/analytics.js CHANGED
@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
20
20
  actionSubjectId: actionSubjectId,
21
21
  attributes: _objectSpread({
22
22
  packageName: "@atlaskit/emoji",
23
- packageVersion: "70.10.2"
23
+ packageVersion: "70.10.3"
24
24
  }, attributes)
25
25
  };
26
26
  };
package/dist/es2019/components/common/EmojiUploadPicker.js CHANGED
@@ -83,6 +83,7 @@ const ChooseEmojiFile = /*#__PURE__*/memo(props => {
83
83
  const emojiPlaceholder = formatMessage(messages.emojiPlaceholder);
84
84
  const emojiNameAriaLabel = formatMessage(messages.emojiNameAriaLabel);
85
85
  const emojiChooseFileTitle = formatMessage(messages.emojiChooseFileTitle);
86
+ const emojiChooseFileTitleNew = formatMessage(messages.emojiChooseFileDndTitle);
86
87
  const isUploading = uploadStatus === UploadStatus.Uploading;
87
88
  const addEmojiDisabled = !previewImage || !name || isUploading;
88
89
  return fg('platform_emoji_picker_refresh') ? /*#__PURE__*/React.createElement("div", {
@@ -96,7 +97,7 @@ const ChooseEmojiFile = /*#__PURE__*/memo(props => {
96
97
  }, previewImage ? /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiPreviewTitle) : /*#__PURE__*/React.createElement(FormattedMessage, messages.addCustomEmojiLabel))), /*#__PURE__*/React.createElement("div", {
97
98
  className: ax(["_zulp12x7 _1e0c1txw _2lx21bp4 _1tker0r7"])
98
99
  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, () => /*#__PURE__*/React.createElement(FileChooser, {
99
- label: emojiChooseFileTitle,
100
+ label: fg('platform_emoji_picker_refresh') ? emojiChooseFileTitleNew : emojiChooseFileTitle,
100
101
  onChange: onChooseFile,
101
102
  onClick: onClick,
102
103
  accept: "image/png,image/jpeg,image/gif",
@@ -179,7 +180,7 @@ const ChooseEmojiFile = /*#__PURE__*/memo(props => {
179
180
  id: "new-emoji-name-input",
180
181
  "aria-required": true
181
182
  })), /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, () => /*#__PURE__*/React.createElement(FileChooser, {
182
- label: emojiChooseFileTitle,
183
+ label: fg('platform_emoji_picker_refresh') ? emojiChooseFileTitleNew : emojiChooseFileTitle,
183
184
  onChange: onChooseFile,
184
185
  onClick: onClick,
185
186
  accept: "image/png,image/jpeg,image/gif",
package/dist/es2019/components/i18n.js CHANGED
@@ -50,6 +50,11 @@ export const messages = defineMessages({
50
50
  defaultMessage: 'Choose file',
51
51
  description: 'Label for the file chooser button in the custom emoji upload panel where users select an image file for their emoji.'
52
52
  },
53
+ emojiChooseFileDndTitle: {
54
+ id: 'fabric.emoji.choose.file.dnd.title',
55
+ defaultMessage: 'Select or drop an image',
56
+ description: 'Label for the file chooser button in the custom emoji upload panel where users select or drag and drop an image file for their emoji.'
57
+ },
53
58
  emojiChooseFileScreenReaderDescription: {
54
59
  id: 'fabric.emoji.choose.file.screenReaderDescription',
55
60
  defaultMessage: 'Choose a file for the emoji. JPG, PNG or GIF. Max size 1 MB',
package/dist/es2019/util/analytics/analytics.js CHANGED
@@ -9,7 +9,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
9
9
  actionSubjectId,
10
10
  attributes: {
11
11
  packageName: "@atlaskit/emoji",
12
- packageVersion: "70.10.2",
12
+ packageVersion: "70.10.3",
13
13
  ...attributes
14
14
  }
15
15
  });
package/dist/esm/components/common/EmojiUploadPicker.js CHANGED
@@ -83,6 +83,7 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
83
83
  var emojiPlaceholder = formatMessage(messages.emojiPlaceholder);
84
84
  var emojiNameAriaLabel = formatMessage(messages.emojiNameAriaLabel);
85
85
  var emojiChooseFileTitle = formatMessage(messages.emojiChooseFileTitle);
86
+ var emojiChooseFileTitleNew = formatMessage(messages.emojiChooseFileDndTitle);
86
87
  var isUploading = uploadStatus === UploadStatus.Uploading;
87
88
  var addEmojiDisabled = !previewImage || !name || isUploading;
88
89
  return fg('platform_emoji_picker_refresh') ? /*#__PURE__*/React.createElement("div", {
@@ -97,7 +98,7 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
97
98
  className: ax(["_zulp12x7 _1e0c1txw _2lx21bp4 _1tker0r7"])
98
99
  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, function () {
99
100
  return /*#__PURE__*/React.createElement(FileChooser, {
100
- label: emojiChooseFileTitle,
101
+ label: fg('platform_emoji_picker_refresh') ? emojiChooseFileTitleNew : emojiChooseFileTitle,
101
102
  onChange: onChooseFile,
102
103
  onClick: onClick,
103
104
  accept: "image/png,image/jpeg,image/gif",
@@ -182,7 +183,7 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
182
183
  "aria-required": true
183
184
  })), /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, function () {
184
185
  return /*#__PURE__*/React.createElement(FileChooser, {
185
- label: emojiChooseFileTitle,
186
+ label: fg('platform_emoji_picker_refresh') ? emojiChooseFileTitleNew : emojiChooseFileTitle,
186
187
  onChange: onChooseFile,
187
188
  onClick: onClick,
188
189
  accept: "image/png,image/jpeg,image/gif",
package/dist/esm/components/i18n.js CHANGED
@@ -50,6 +50,11 @@ export var messages = defineMessages({
50
50
  defaultMessage: 'Choose file',
51
51
  description: 'Label for the file chooser button in the custom emoji upload panel where users select an image file for their emoji.'
52
52
  },
53
+ emojiChooseFileDndTitle: {
54
+ id: 'fabric.emoji.choose.file.dnd.title',
55
+ defaultMessage: 'Select or drop an image',
56
+ description: 'Label for the file chooser button in the custom emoji upload panel where users select or drag and drop an image file for their emoji.'
57
+ },
53
58
  emojiChooseFileScreenReaderDescription: {
54
59
  id: 'fabric.emoji.choose.file.screenReaderDescription',
55
60
  defaultMessage: 'Choose a file for the emoji. JPG, PNG or GIF. Max size 1 MB',
package/dist/esm/util/analytics/analytics.js CHANGED
@@ -14,7 +14,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
14
14
  actionSubjectId: actionSubjectId,
15
15
  attributes: _objectSpread({
16
16
  packageName: "@atlaskit/emoji",
17
- packageVersion: "70.10.2"
17
+ packageVersion: "70.10.3"
18
18
  }, attributes)
19
19
  };
20
20
  };
package/dist/types/components/i18n.d.ts CHANGED
@@ -74,6 +74,11 @@ export declare const messages: {
74
74
  description: string;
75
75
  id: string;
76
76
  };
77
+ emojiChooseFileDndTitle: {
78
+ defaultMessage: string;
79
+ description: string;
80
+ id: string;
81
+ };
77
82
  emojiChooseFileScreenReaderDescription: {
78
83
  defaultMessage: string;
79
84
  description: string;
package/dist/types-ts4.5/components/i18n.d.ts CHANGED
@@ -74,6 +74,11 @@ export declare const messages: {
74
74
  description: string;
75
75
  id: string;
76
76
  };
77
+ emojiChooseFileDndTitle: {
78
+ defaultMessage: string;
79
+ description: string;
80
+ id: string;
81
+ };
77
82
  emojiChooseFileScreenReaderDescription: {
78
83
  defaultMessage: string;
79
84
  description: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "70.10.3",
3
+ "version": "70.10.4",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -80,7 +80,7 @@
80
80
  "@atlaskit/elements-test-helpers": "workspace:^",
81
81
  "@atlaskit/media-core": "^37.1.0",
82
82
  "@atlaskit/ssr": "workspace:^",
83
- "@atlaskit/theme": "^23.2.0",
83
+ "@atlaskit/theme": "^24.0.0",
84
84
  "@atlassian/a11y-jest-testing": "^0.11.0",
85
85
  "@atlassian/feature-flags-test-utils": "^1.1.0",
86
86
  "@emotion/jest": "^11.8.0",