@atlaskit/emoji 67.0.7 → 67.2.0

package/dist/cjs/i18n/vi.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,39 +13,39 @@ exports.default = void 0;
  */
 //Vietnamese (Vietnam)
 var _default = {
-  'fabric.emoji.add.custom.emoji.label': 'Thêm biểu tượng cảm xúc của riêng bạn',
-  'fabric.emoji.add.label': 'Thêm biểu tượng cảm xúc',
-  'fabric.emoji.cancel.label': 'Hủy',
-  'fabric.emoji.categories.search.results': 'Kết quả tìm kiếm',
-  'fabric.emoji.category.activity': 'Hoạt động',
-  'fabric.emoji.category.all.uploads': 'Tất cả các nội dung tải lên',
-  'fabric.emoji.category.flags': 'Cờ',
-  'fabric.emoji.category.foods': 'Thực phẩm & Đồ uống',
-  'fabric.emoji.category.frequent': 'Thường ngày',
-  'fabric.emoji.category.nature': 'Thiên nhiên',
-  'fabric.emoji.category.objects': 'Đồ vật',
-  'fabric.emoji.category.people': 'Mọi người',
-  'fabric.emoji.category.places': 'Du lịch & Địa điểm',
-  'fabric.emoji.category.productivity': 'Năng suất',
-  'fabric.emoji.category.symbols': 'Biểu tượng',
-  'fabric.emoji.category.user.uploads': 'Các nội dung bạn tải lên',
-  'fabric.emoji.choose.file.screenReaderDescription': 'Chọn một tệp cho biểu tượng cảm xúc. JPG, PNG hoặc GIF. Kích thước tối đa 1 MB.',
-  'fabric.emoji.choose.file.title': 'Chọn tập tin',
-  'fabric.emoji.delete.description': 'Tất cả các phiên bản hiện tại của biểu tượng cảm xúc này sẽ được thay thế bằng {emojiShortName}',
-  'fabric.emoji.delete.label': 'Xóa',
-  'fabric.emoji.delete.title': 'Xóa biểu tượng cảm xúc',
-  'fabric.emoji.error.delete.failed': 'Không xóa được',
-  'fabric.emoji.error.image.too.big': 'Hình ảnh đã chọn có kích thước lớn hơn 1 MB',
-  'fabric.emoji.error.invalid.image': 'Hình ảnh đã chọn không hợp lệ',
-  'fabric.emoji.error.upload.failed': 'Không thể tải lên',
-  'fabric.emoji.image.requirements': 'JPG, PNG hoặc GIF. Kích thước tối đa 1 MB.',
-  'fabric.emoji.name.ariaLabel': 'Nhập tên cho biểu tượng cảm xúc mới này',
-  'fabric.emoji.placeholder': 'Tên biểu tượng cảm xúc',
-  'fabric.emoji.preview': 'Biểu tượng cảm xúc mới của bạn {emoji} trông rất tuyệt',
-  'fabric.emoji.preview.title': 'Xem trước',
-  'fabric.emoji.retry.label': 'Thử lại',
-  'fabric.emoji.search.label': 'Tìm kiếm biểu tượng cảm xúc',
-  'fabric.emoji.search.placeholder': 'Tìm kiếm',
-  'fabric.emoji.select.skin.tone.ariaLabel': 'Chọn tông màu da, {selectedTone}'
+  "fabric.emoji.add.custom.emoji.label": "Thêm biểu tượng cảm xúc của riêng bạn",
+  "fabric.emoji.add.label": "Thêm biểu tượng cảm xúc",
+  "fabric.emoji.cancel.label": "Hủy",
+  "fabric.emoji.categories.search.results": "Kết quả tìm kiếm",
+  "fabric.emoji.category.activity": "Hoạt động",
+  "fabric.emoji.category.all.uploads": "Tất cả các nội dung tải lên",
+  "fabric.emoji.category.flags": "Cờ",
+  "fabric.emoji.category.foods": "Thực phẩm & Đồ uống",
+  "fabric.emoji.category.frequent": "Thường ngày",
+  "fabric.emoji.category.nature": "Thiên nhiên",
+  "fabric.emoji.category.objects": "Đồ vật",
+  "fabric.emoji.category.people": "Mọi người",
+  "fabric.emoji.category.places": "Du lịch & Địa điểm",
+  "fabric.emoji.category.productivity": "Năng suất",
+  "fabric.emoji.category.symbols": "Biểu tượng",
+  "fabric.emoji.category.user.uploads": "Các nội dung bạn tải lên",
+  "fabric.emoji.choose.file.screenReaderDescription": "Chọn một tệp cho biểu tượng cảm xúc. JPG, PNG hoặc GIF. Kích thước tối đa 1 MB.",
+  "fabric.emoji.choose.file.title": "Chọn tập tin",
+  "fabric.emoji.delete.description": "Tất cả các phiên bản hiện tại của biểu tượng cảm xúc này sẽ được thay thế bằng {emojiShortName}",
+  "fabric.emoji.delete.label": "Xóa",
+  "fabric.emoji.delete.title": "Xóa biểu tượng cảm xúc",
+  "fabric.emoji.error.delete.failed": "Không xóa được",
+  "fabric.emoji.error.image.too.big": "Hình ảnh đã chọn có kích thước lớn hơn 1 MB",
+  "fabric.emoji.error.invalid.image": "Hình ảnh đã chọn không hợp lệ",
+  "fabric.emoji.error.upload.failed": "Không thể tải lên",
+  "fabric.emoji.image.requirements": "JPG, PNG hoặc GIF. Kích thước tối đa 1 MB.",
+  "fabric.emoji.name.ariaLabel": "Nhập tên cho biểu tượng cảm xúc mới này",
+  "fabric.emoji.placeholder": "Tên biểu tượng cảm xúc",
+  "fabric.emoji.preview": "Biểu tượng cảm xúc mới của bạn {emoji} trông rất tuyệt",
+  "fabric.emoji.preview.title": "Xem trước",
+  "fabric.emoji.retry.label": "Thử lại",
+  "fabric.emoji.search.label": "Tìm kiếm biểu tượng cảm xúc",
+  "fabric.emoji.search.placeholder": "Tìm kiếm",
+  "fabric.emoji.select.skin.tone.ariaLabel": "Chọn tông màu da, {selectedTone}"
 };
 exports.default = _default;

package/dist/cjs/i18n/zh.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,39 +13,39 @@ exports.default = void 0;
  */
 //Chinese (Simplified)
 var _default = {
-  'fabric.emoji.add.custom.emoji.label': '添加您自己的表情符号',
-  'fabric.emoji.add.label': '添加表情符号',
-  'fabric.emoji.cancel.label': '取消',
-  'fabric.emoji.categories.search.results': '搜索结果',
-  'fabric.emoji.category.activity': '活动',
-  'fabric.emoji.category.all.uploads': '所有上传',
-  'fabric.emoji.category.flags': '标记',
-  'fabric.emoji.category.foods': '食物和饮品',
-  'fabric.emoji.category.frequent': '频率',
-  'fabric.emoji.category.nature': '性质',
-  'fabric.emoji.category.objects': '对象',
-  'fabric.emoji.category.people': '人员',
-  'fabric.emoji.category.places': '旅行和地点',
-  'fabric.emoji.category.productivity': '生产力',
-  'fabric.emoji.category.symbols': '符号',
-  'fabric.emoji.category.user.uploads': '您的上传',
-  'fabric.emoji.choose.file.screenReaderDescription': '为表情符号选择一个文件。JPG、PNG 或 GIF。文件大小不得超过 1 MB。',
-  'fabric.emoji.choose.file.title': '选择文件',
-  'fabric.emoji.delete.description': '此表情符号的所有现有实例将替换为{emojiShortName}',
-  'fabric.emoji.delete.label': '删除',
-  'fabric.emoji.delete.title': '删除表情符号',
-  'fabric.emoji.error.delete.failed': '删除失败',
-  'fabric.emoji.error.image.too.big': '选择的图像超过 1 MB',
-  'fabric.emoji.error.invalid.image': '选择的图像无效',
-  'fabric.emoji.error.upload.failed': '上传失败',
-  'fabric.emoji.image.requirements': 'JPG、PNG 或 GIF 最大为 1 MB。',
-  'fabric.emoji.name.ariaLabel': '为新表情符号输入名称',
-  'fabric.emoji.placeholder': '表情符号名称',
-  'fabric.emoji.preview': '您的新表情符号{emoji}看起来很棒',
-  'fabric.emoji.preview.title': '预览',
-  'fabric.emoji.retry.label': '重试',
-  'fabric.emoji.search.label': '搜索表情',
-  'fabric.emoji.search.placeholder': '搜索',
-  'fabric.emoji.select.skin.tone.ariaLabel': '选择肤色，{selectedTone}'
+  "fabric.emoji.add.custom.emoji.label": "添加您自己的表情符号",
+  "fabric.emoji.add.label": "添加表情符号",
+  "fabric.emoji.cancel.label": "取消",
+  "fabric.emoji.categories.search.results": "搜索结果",
+  "fabric.emoji.category.activity": "活动",
+  "fabric.emoji.category.all.uploads": "所有上传",
+  "fabric.emoji.category.flags": "标记",
+  "fabric.emoji.category.foods": "食物和饮品",
+  "fabric.emoji.category.frequent": "频率",
+  "fabric.emoji.category.nature": "性质",
+  "fabric.emoji.category.objects": "对象",
+  "fabric.emoji.category.people": "人员",
+  "fabric.emoji.category.places": "旅行和地点",
+  "fabric.emoji.category.productivity": "生产力",
+  "fabric.emoji.category.symbols": "符号",
+  "fabric.emoji.category.user.uploads": "您的上传",
+  "fabric.emoji.choose.file.screenReaderDescription": "为表情符号选择一个文件。JPG、PNG 或 GIF。文件大小不得超过 1 MB。",
+  "fabric.emoji.choose.file.title": "选择文件",
+  "fabric.emoji.delete.description": "此表情符号的所有现有实例将替换为{emojiShortName}",
+  "fabric.emoji.delete.label": "删除",
+  "fabric.emoji.delete.title": "删除表情符号",
+  "fabric.emoji.error.delete.failed": "删除失败",
+  "fabric.emoji.error.image.too.big": "选择的图像超过 1 MB",
+  "fabric.emoji.error.invalid.image": "选择的图像无效",
+  "fabric.emoji.error.upload.failed": "上传失败",
+  "fabric.emoji.image.requirements": "JPG、PNG 或 GIF 最大为 1 MB。",
+  "fabric.emoji.name.ariaLabel": "为新表情符号输入名称",
+  "fabric.emoji.placeholder": "表情符号名称",
+  "fabric.emoji.preview": "您的新表情符号{emoji}看起来很棒",
+  "fabric.emoji.preview.title": "预览",
+  "fabric.emoji.retry.label": "重试",
+  "fabric.emoji.search.label": "搜索表情",
+  "fabric.emoji.search.placeholder": "搜索",
+  "fabric.emoji.select.skin.tone.ariaLabel": "选择肤色，{selectedTone}"
 };
 exports.default = _default;

package/dist/cjs/i18n/zh_TW.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,39 +13,39 @@ exports.default = void 0;
  */
 //Chinese (Traditional)
 var _default = {
-  'fabric.emoji.add.custom.emoji.label': '新增專屬的表情符號',
-  'fabric.emoji.add.label': '新增表情符號',
-  'fabric.emoji.cancel.label': '取消',
-  'fabric.emoji.categories.search.results': '搜尋結果',
-  'fabric.emoji.category.activity': '活動',
-  'fabric.emoji.category.all.uploads': '所有上傳項目',
-  'fabric.emoji.category.flags': '旗標',
-  'fabric.emoji.category.foods': '食物和飲料',
-  'fabric.emoji.category.frequent': '常用項目',
-  'fabric.emoji.category.nature': '自然',
-  'fabric.emoji.category.objects': '物體',
-  'fabric.emoji.category.people': '人員',
-  'fabric.emoji.category.places': '旅遊和地點',
-  'fabric.emoji.category.productivity': '生產力',
-  'fabric.emoji.category.symbols': '符號',
-  'fabric.emoji.category.user.uploads': '您的上傳項目',
-  'fabric.emoji.choose.file.screenReaderDescription': '請選擇表情符號的檔案。JPG、PNG 或 GIF。大小上限為 1 MB。',
-  'fabric.emoji.choose.file.title': '選擇檔案',
-  'fabric.emoji.delete.description': '此表情符號的所有現有執行個體都將取代為 {emojiShortName}',
-  'fabric.emoji.delete.label': '移除',
-  'fabric.emoji.delete.title': '移除表情符號',
-  'fabric.emoji.error.delete.failed': '移除失敗',
-  'fabric.emoji.error.image.too.big': '所選的影像超過 1 MB',
-  'fabric.emoji.error.invalid.image': '所選的影像無效',
-  'fabric.emoji.error.upload.failed': '上傳失敗',
-  'fabric.emoji.image.requirements': 'JPG、PNG 或 GIF。大小上限為 1 MB。',
-  'fabric.emoji.name.ariaLabel': '請輸入新表情符號的名稱',
-  'fabric.emoji.placeholder': '表情符號名稱',
-  'fabric.emoji.preview': '新的表情符號 {emoji} 看起來很棒',
-  'fabric.emoji.preview.title': '預覽',
-  'fabric.emoji.retry.label': '重試',
-  'fabric.emoji.search.label': '搜尋表情符號',
-  'fabric.emoji.search.placeholder': '搜尋',
-  'fabric.emoji.select.skin.tone.ariaLabel': '選取膚色，{selectedTone}'
+  "fabric.emoji.add.custom.emoji.label": "新增專屬的表情符號",
+  "fabric.emoji.add.label": "新增表情符號",
+  "fabric.emoji.cancel.label": "取消",
+  "fabric.emoji.categories.search.results": "搜尋結果",
+  "fabric.emoji.category.activity": "活動",
+  "fabric.emoji.category.all.uploads": "所有上傳項目",
+  "fabric.emoji.category.flags": "旗標",
+  "fabric.emoji.category.foods": "食物和飲料",
+  "fabric.emoji.category.frequent": "常用項目",
+  "fabric.emoji.category.nature": "自然",
+  "fabric.emoji.category.objects": "物體",
+  "fabric.emoji.category.people": "人員",
+  "fabric.emoji.category.places": "旅遊和地點",
+  "fabric.emoji.category.productivity": "生產力",
+  "fabric.emoji.category.symbols": "符號",
+  "fabric.emoji.category.user.uploads": "您的上傳項目",
+  "fabric.emoji.choose.file.screenReaderDescription": "請選擇表情符號的檔案。JPG、PNG 或 GIF。大小上限為 1 MB。",
+  "fabric.emoji.choose.file.title": "選擇檔案",
+  "fabric.emoji.delete.description": "此表情符號的所有現有執行個體都將取代為 {emojiShortName}",
+  "fabric.emoji.delete.label": "移除",
+  "fabric.emoji.delete.title": "移除表情符號",
+  "fabric.emoji.error.delete.failed": "移除失敗",
+  "fabric.emoji.error.image.too.big": "所選的影像超過 1 MB",
+  "fabric.emoji.error.invalid.image": "所選的影像無效",
+  "fabric.emoji.error.upload.failed": "上傳失敗",
+  "fabric.emoji.image.requirements": "JPG、PNG 或 GIF。大小上限為 1 MB。",
+  "fabric.emoji.name.ariaLabel": "請輸入新表情符號的名稱",
+  "fabric.emoji.placeholder": "表情符號名稱",
+  "fabric.emoji.preview": "新的表情符號 {emoji} 看起來很棒",
+  "fabric.emoji.preview.title": "預覽",
+  "fabric.emoji.retry.label": "重試",
+  "fabric.emoji.search.label": "搜尋表情符號",
+  "fabric.emoji.search.placeholder": "搜尋",
+  "fabric.emoji.select.skin.tone.ariaLabel": "選取膚色，{selectedTone}"
 };
 exports.default = _default;

package/dist/cjs/types.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UfoExperienceName = exports.UfoEmojiTimingsKeys = exports.UfoEmojiTimings = exports.UfoComponentName = exports.SearchSort = exports.ProviderTypes = void 0;
+exports.UfoExperienceName = exports.UfoEmojiTimingsKeys = exports.UfoEmojiTimings = exports.UfoComponentName = exports.SearchSourceTypes = exports.SearchSort = exports.ProviderTypes = void 0;
 /**
  * Minimum information to defined an emoji is the shortName.
  * In order to uniquely define an emoji, the id should be included, and is
@@ -35,6 +35,12 @@ exports.SearchSort = SearchSort;
   SearchSort[SearchSort["Default"] = 1] = "Default";
   SearchSort[SearchSort["UsageFrequency"] = 2] = "UsageFrequency";
 })(SearchSort || (exports.SearchSort = SearchSort = {}));
+var SearchSourceTypes;
+exports.SearchSourceTypes = SearchSourceTypes;
+(function (SearchSourceTypes) {
+  SearchSourceTypes["PICKER"] = "picker";
+  SearchSourceTypes["TYPEAHEAD"] = "typeahead";
+})(SearchSourceTypes || (exports.SearchSourceTypes = SearchSourceTypes = {}));
 var ProviderTypes;
 exports.ProviderTypes = ProviderTypes;
 (function (ProviderTypes) {

package/dist/cjs/util/constants.js

@@ -3,13 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.userCustomTitle = exports.sizeGap = exports.selectedToneStorageKey = exports.migrationUserId = exports.localStoragePrefix = exports.frequentCategory = exports.emojiPickerWidth = exports.emojiPickerPreviewHeight = exports.emojiPickerMinHeight = exports.emojiPickerListHeight = exports.emojiPickerHeightWithPreview = exports.emojiPickerHeight = exports.deleteEmojiLabel = exports.defaultListLimit = exports.defaultEmojiPickerSize = exports.defaultEmojiHeight = exports.defaultCategories = exports.dataURLPrefix = exports.customType = exports.customTitle = exports.customCategory = exports.analyticsEmojiPrefix = exports.SAMPLING_RATE_EMOJI_RESOURCE_FETCHED_EXP = exports.SAMPLING_RATE_EMOJI_RENDERED_EXP = exports.MAX_ORDINAL = void 0;
+exports.yourUploadsCategory = exports.userCustomTitle = exports.sizeGap = exports.selectedToneStorageKey = exports.searchCategory = exports.migrationUserId = exports.localStoragePrefix = exports.frequentCategory = exports.emojiPickerWidth = exports.emojiPickerPreviewHeight = exports.emojiPickerMinHeight = exports.emojiPickerListHeight = exports.emojiPickerHeightWithPreview = exports.emojiPickerHeight = exports.deleteEmojiLabel = exports.defaultListLimit = exports.defaultEmojiPickerSize = exports.defaultEmojiHeight = exports.defaultCategories = exports.dataURLPrefix = exports.customType = exports.customTitle = exports.customCategory = exports.analyticsEmojiPrefix = exports.TONESELECTOR_KEYBOARD_KEYS_SUPPORTED = exports.SAMPLING_RATE_EMOJI_RESOURCE_FETCHED_EXP = exports.SAMPLING_RATE_EMOJI_RENDERED_EXP = exports.MAX_ORDINAL = exports.KeyboardNavigationDirection = exports.KeyboardKeys = exports.EMOJI_SEARCH_DEBOUNCE = exports.EMOJI_LIST_PAGE_COUNT = exports.EMOJI_LIST_COLUMNS = exports.EMOJIPICKERLIST_KEYBOARD_KEYS_SUPPORTED = exports.DEFAULT_TONE = exports.CATEGORYSELECTOR_KEYBOARD_KEYS_SUPPORTED = void 0;
 var customCategory = 'CUSTOM';
 exports.customCategory = customCategory;
 var frequentCategory = 'FREQUENT';
 exports.frequentCategory = frequentCategory;
 var customType = 'SITE';
 exports.customType = customType;
+var searchCategory = 'SEARCH';
+exports.searchCategory = searchCategory;
+var yourUploadsCategory = 'USER_CUSTOM';
+exports.yourUploadsCategory = yourUploadsCategory;
 var customTitle = 'allUploadsCustomCategory';
 exports.customTitle = customTitle;
 var userCustomTitle = 'userUploadsCustomCategory';
@@ -49,14 +53,51 @@ var selectedToneStorageKey = "".concat(localStoragePrefix, ".selectedTone");
 exports.selectedToneStorageKey = selectedToneStorageKey;
 var defaultCategories = ['PEOPLE', 'NATURE', 'FOODS', 'ACTIVITY', 'PLACES', 'OBJECTS', 'SYMBOLS', 'FLAGS'];
 exports.defaultCategories = defaultCategories;
+var KeyboardKeys; // Used to search available emoji in the picker list to focus
+exports.KeyboardKeys = KeyboardKeys;
+(function (KeyboardKeys) {
+  KeyboardKeys["ArrowLeft"] = "ArrowLeft";
+  KeyboardKeys["ArrowRight"] = "ArrowRight";
+  KeyboardKeys["ArrowUp"] = "ArrowUp";
+  KeyboardKeys["ArrowDown"] = "ArrowDown";
+  KeyboardKeys["PageUp"] = "PageUp";
+  KeyboardKeys["PageDown"] = "PageDown";
+  KeyboardKeys["Home"] = "Home";
+  KeyboardKeys["End"] = "End";
+  KeyboardKeys["Enter"] = "Enter";
+  KeyboardKeys["Tab"] = "Tab";
+  KeyboardKeys["Space"] = " ";
+})(KeyboardKeys || (exports.KeyboardKeys = KeyboardKeys = {}));
+var KeyboardNavigationDirection;
+exports.KeyboardNavigationDirection = KeyboardNavigationDirection;
+(function (KeyboardNavigationDirection) {
+  KeyboardNavigationDirection["Down"] = "Down";
+  KeyboardNavigationDirection["Up"] = "Up";
+  KeyboardNavigationDirection["Left"] = "Left";
+  KeyboardNavigationDirection["Right"] = "Right";
+})(KeyboardNavigationDirection || (exports.KeyboardNavigationDirection = KeyboardNavigationDirection = {}));
+var CATEGORYSELECTOR_KEYBOARD_KEYS_SUPPORTED = [KeyboardKeys.ArrowRight, KeyboardKeys.ArrowLeft, KeyboardKeys.Home, KeyboardKeys.End];
+exports.CATEGORYSELECTOR_KEYBOARD_KEYS_SUPPORTED = CATEGORYSELECTOR_KEYBOARD_KEYS_SUPPORTED;
+var TONESELECTOR_KEYBOARD_KEYS_SUPPORTED = [KeyboardKeys.Enter, KeyboardKeys.Tab, KeyboardKeys.Space];
+exports.TONESELECTOR_KEYBOARD_KEYS_SUPPORTED = TONESELECTOR_KEYBOARD_KEYS_SUPPORTED;
+var EMOJIPICKERLIST_KEYBOARD_KEYS_SUPPORTED = [KeyboardKeys.ArrowRight, KeyboardKeys.ArrowLeft, KeyboardKeys.Home, KeyboardKeys.End, KeyboardKeys.ArrowUp, KeyboardKeys.ArrowDown, KeyboardKeys.PageUp, KeyboardKeys.PageDown];
+exports.EMOJIPICKERLIST_KEYBOARD_KEYS_SUPPORTED = EMOJIPICKERLIST_KEYBOARD_KEYS_SUPPORTED;
+var DEFAULT_TONE = 0;
+exports.DEFAULT_TONE = DEFAULT_TONE;
 var defaultListLimit = 50;
 exports.defaultListLimit = defaultListLimit;
 var migrationUserId = 'hipchat_migration_emoticons';
 exports.migrationUserId = migrationUserId;
 var analyticsEmojiPrefix = 'atlassian.fabric.emoji.picker';
+exports.analyticsEmojiPrefix = analyticsEmojiPrefix;
+var EMOJI_LIST_COLUMNS = 8;
+exports.EMOJI_LIST_COLUMNS = EMOJI_LIST_COLUMNS;
+var EMOJI_LIST_PAGE_COUNT = 5;
+exports.EMOJI_LIST_PAGE_COUNT = EMOJI_LIST_PAGE_COUNT;
+var EMOJI_SEARCH_DEBOUNCE = 150;
 
 // This is the base sampling rate in Emoji
-exports.analyticsEmojiPrefix = analyticsEmojiPrefix;
+exports.EMOJI_SEARCH_DEBOUNCE = EMOJI_SEARCH_DEBOUNCE;
 var SAMPLING_RATE_EMOJI_RENDERED_EXP = 20;
 // This rate is used in fetching emoji resource
 exports.SAMPLING_RATE_EMOJI_RENDERED_EXP = SAMPLING_RATE_EMOJI_RENDERED_EXP;

package/dist/cjs/util/shared-styles.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.noDialogContainerBoxShadow = exports.noDialogContainerBorderRadius = exports.noDialogContainerBorderColor = exports.emojiTypeAheadWidth = exports.emojiTypeAheadMaxHeight = exports.emojiPreviewSelectedColor = exports.emojiPickerListWidth = exports.emojiPickerListHeight = exports.emojiPickerBoxShadow = exports.emojiPickerBorderColor = exports.akEmojiSelectedBackgroundColor = void 0;
-var _constants = require("@atlaskit/theme/constants");
 var _colors = require("@atlaskit/theme/colors");
-var _constants2 = require("./constants");
-var emojiPickerListWidth = _constants2.emojiPickerWidth;
+var _constants = require("./constants");
+var emojiPickerListWidth = _constants.emojiPickerWidth;
 exports.emojiPickerListWidth = emojiPickerListWidth;
 var emojiPickerListHeight = 205;
 exports.emojiPickerListHeight = emojiPickerListHeight;
@@ -17,7 +16,7 @@ var emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2
 exports.emojiPickerBoxShadow = emojiPickerBoxShadow;
 var noDialogContainerBorderColor = "var(--ds-border, ".concat(_colors.N40, ")");
 exports.noDialogContainerBorderColor = noDialogContainerBorderColor;
-var noDialogContainerBorderRadius = "".concat((0, _constants.borderRadius)(), "px");
+var noDialogContainerBorderRadius = "var(--ds-radius-100, 3px)";
 exports.noDialogContainerBorderRadius = noDialogContainerBorderRadius;
 var noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
 exports.noDialogContainerBoxShadow = noDialogContainerBoxShadow;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "67.0.7",
+	"version": "67.2.0",
 	"sideEffects": false
 }

package/dist/es2019/api/EmojiResource.js

@@ -8,7 +8,7 @@ import { ProviderTypes } from '../types';
 import EmojiLoader from './EmojiLoader';
 import EmojiRepository from './EmojiRepository';
 import SiteEmojiResource from './media/SiteEmojiResource';
-import { sampledUfoEmojiResourceFetched } from '../util/analytics/ufoExperiences';
+import { sampledUfoEmojiResourceFetched, ufoExperiences } from '../util/analytics/ufoExperiences';
 /**
  * Checks if the emojiProvider can support uploading at a feature level.
  *
@@ -24,6 +24,7 @@ export class EmojiResource extends AbstractResource {
   constructor(config) {
     super();
     _defineProperty(this, "activeLoaders", 0);
+    _defineProperty(this, "initialLoaders", 0);
     _defineProperty(this, "retries", new Map());
     _defineProperty(this, "isInitialised", false);
     _defineProperty(this, "getOptimisticImageURL", emojiId => {
@@ -32,7 +33,10 @@ export class EmojiResource extends AbstractResource {
       }
       return;
     });
-    _defineProperty(this, "isLoaded", () => this.activeLoaders === 0 && !!this.emojiRepository);
+    _defineProperty(this, "isRepositoryAvailable", repository => {
+      return !!repository;
+    });
+    _defineProperty(this, "isLoaded", () => this.initialLoaders !== 0 && this.activeLoaders === 0);
     this.emojiProviderConfig = config;
     this.recordConfig = config.recordConfig;
     this.currentUser = config.currentUser;
@@ -42,6 +46,7 @@ export class EmojiResource extends AbstractResource {
     if (config.providers.length === 0) {
       throw new Error('No providers specified');
     }
+    this.initialLoaders = this.emojiProviderConfig.providers.length;
     this.activeLoaders = this.emojiProviderConfig.providers.length;
     this.emojiResponses = [];
   }
@@ -102,7 +107,7 @@ export class EmojiResource extends AbstractResource {
     // happen if no emojiRepository exists
     // in case this method is called and emojiRepository has already been populated
     // the method will just return the existing emojiRepository
-    if (force || !this.emojiRepository && !this.isInitialised) {
+    if (force || !this.isRepositoryAvailable(this.emojiRepository) && !this.isInitialised) {
       this.isInitialised = true;
       this.emojiResponses = [];
       // fetch emoji providers
@@ -112,7 +117,7 @@ export class EmojiResource extends AbstractResource {
   }
   async fetchByEmojiId(emojiId, optimistic) {
     // Check if repository exists and emoji is defined.
-    if (this.emojiRepository && this.isLoaded()) {
+    if (this.isLoaded() && this.isRepositoryAvailable(this.emojiRepository)) {
       const emoji = await this.findByEmojiId(emojiId);
       if (emoji) {
         return await this.getMediaEmojiDescriptionURLWithInlineToken(emoji);
@@ -132,7 +137,7 @@ export class EmojiResource extends AbstractResource {
         if (!loadEmoji.emojis[0]) {
           return;
         }
-        if (!this.siteEmojiResource) {
+        if (!this.isRepositoryAvailable(this.siteEmojiResource)) {
           await this.initSiteEmojiResource(loadEmoji, provider);
         }
         return this.getMediaEmojiDescriptionURLWithInlineToken(loadEmoji.emojis[0]);
@@ -168,7 +173,7 @@ export class EmojiResource extends AbstractResource {
     this.emojiRepository = new EmojiRepository(emojis);
   }
   initSiteEmojiResource(emojiResponse, provider) {
-    if (!this.siteEmojiResource && emojiResponse.mediaApiToken) {
+    if (!this.isRepositoryAvailable(this.siteEmojiResource) && emojiResponse.mediaApiToken) {
       this.siteEmojiResource = new SiteEmojiResource(provider, emojiResponse.mediaApiToken);
 
       // Prime cache type + optimistic rendering by checking first Emoji.
@@ -250,7 +255,7 @@ export class EmojiResource extends AbstractResource {
    *  Returns the EmojiDescription with a valid media path that includes query token and client attributes to access the emoji media inline.
    */
   async getMediaEmojiDescriptionURLWithInlineToken(emoji) {
-    if (this.siteEmojiResource && isMediaRepresentation(emoji.representation)) {
+    if (this.isRepositoryAvailable(this.siteEmojiResource) && isMediaRepresentation(emoji.representation)) {
       const tokenisedMediaPath = await this.siteEmojiResource.generateTokenisedMediaURL(emoji);
       return {
         ...emoji,
@@ -263,7 +268,7 @@ export class EmojiResource extends AbstractResource {
     return emoji;
   }
   loadMediaEmoji(emoji, useAlt) {
-    if (!this.siteEmojiResource || !isMediaEmoji(emoji)) {
+    if (!this.isRepositoryAvailable(this.siteEmojiResource) || !isMediaEmoji(emoji)) {
       return emoji;
     }
     return this.siteEmojiResource.loadMediaEmoji(emoji, useAlt);
@@ -272,7 +277,7 @@ export class EmojiResource extends AbstractResource {
     if (!isMediaEmoji(emoji)) {
       return true;
     }
-    if (!this.siteEmojiResource) {
+    if (!this.isRepositoryAvailable(this.siteEmojiResource)) {
       // Shouldn't have a media emoji without a siteEmojiResouce, but anyway ;)
       return false;
     }
@@ -284,19 +289,30 @@ export class EmojiResource extends AbstractResource {
     return optimistic;
   }
   filter(query, options) {
+    ufoExperiences['emoji-searched'].start();
+    ufoExperiences['emoji-searched'].addMetadata({
+      queryLength: (query === null || query === void 0 ? void 0 : query.length) || 0
+    });
     this.lastQuery = {
       query,
       options
     };
-    if (this.emojiRepository) {
-      this.notifyResult(this.emojiRepository.search(query, options));
+    if (this.isRepositoryAvailable(this.emojiRepository)) {
+      const searchResults = this.emojiRepository.search(query, options);
+      this.notifyResult(searchResults);
+      ufoExperiences['emoji-searched'].success({
+        metadata: {
+          emojisLength: searchResults.emojis.length,
+          source: (options === null || options === void 0 ? void 0 : options.source) || 'typeahead'
+        }
+      });
     } else {
       // not ready
       this.notifyNotReady();
     }
   }
   findByShortName(shortName) {
-    if (this.isLoaded()) {
+    if (this.isLoaded() && this.isRepositoryAvailable(this.emojiRepository)) {
       // Wait for all emoji to load before looking by shortName (to ensure correct priority)
       return this.emojiRepository.findByShortName(shortName);
     }
@@ -307,7 +323,7 @@ export class EmojiResource extends AbstractResource {
       id,
       shortName
     } = emojiId;
-    if (this.emojiRepository) {
+    if (this.isRepositoryAvailable(this.emojiRepository)) {
       if (id) {
         const emoji = this.emojiRepository.findById(id);
         if (emoji) {
@@ -316,7 +332,7 @@ export class EmojiResource extends AbstractResource {
         if (this.isLoaded()) {
           // all loaded but not found by id, try server to see if
           // this is a newly uploaded emoji
-          if (this.siteEmojiResource) {
+          if (this.isRepositoryAvailable(this.siteEmojiResource)) {
             return this.siteEmojiResource.findEmoji(emojiId).then(emoji => {
               if (!emoji) {
                 // if not, fallback to searching by shortName to
@@ -340,25 +356,25 @@ export class EmojiResource extends AbstractResource {
     return this.retryIfLoading(() => this.findByEmojiId(emojiId), undefined);
   }
   findById(id) {
-    if (this.isLoaded()) {
+    if (this.isLoaded() && this.isRepositoryAvailable(this.emojiRepository)) {
       return this.emojiRepository.findById(id);
     }
     return this.retryIfLoading(() => this.findById(id), undefined);
   }
   findInCategory(categoryId) {
-    if (this.isLoaded()) {
+    if (this.isLoaded() && this.isRepositoryAvailable(this.emojiRepository)) {
       return Promise.resolve(this.emojiRepository.findInCategory(categoryId));
     }
     return this.retryIfLoading(() => this.findInCategory(categoryId), []);
   }
   getAsciiMap() {
-    if (this.isLoaded()) {
+    if (this.isLoaded() && this.isRepositoryAvailable(this.emojiRepository)) {
       return Promise.resolve(this.emojiRepository.getAsciiMap());
     }
     return this.retryIfLoading(() => this.getAsciiMap(), new Map());
   }
   getFrequentlyUsed(options) {
-    if (this.isLoaded()) {
+    if (this.isLoaded() && this.isRepositoryAvailable(this.emojiRepository)) {
       return Promise.resolve(this.emojiRepository.getFrequentlyUsed(options));
     }
     return this.retryIfLoading(() => this.getFrequentlyUsed(options), []);
@@ -375,7 +391,7 @@ export class EmojiResource extends AbstractResource {
     const {
       recordConfig
     } = this;
-    if (this.emojiRepository) {
+    if (this.isRepositoryAvailable(this.emojiRepository)) {
       this.emojiRepository.used(emoji);
     }
     if (recordConfig) {
@@ -393,9 +409,9 @@ export class EmojiResource extends AbstractResource {
     return Promise.resolve();
   }
   deleteSiteEmoji(emoji) {
-    if (this.siteEmojiResource && emoji.id) {
+    if (this.isRepositoryAvailable(this.siteEmojiResource) && emoji.id) {
       return this.siteEmojiResource.deleteEmoji(emoji).then(success => {
-        if (success && this.emojiRepository) {
+        if (success && this.isRepositoryAvailable(this.emojiRepository)) {
           this.emojiRepository.delete(emoji);
           return true;
         }
@@ -426,7 +442,7 @@ export class EmojiResource extends AbstractResource {
     }
   }
   calculateDynamicCategories() {
-    if (this.isLoaded()) {
+    if (this.isLoaded() && this.isRepositoryAvailable(this.emojiRepository)) {
       return Promise.resolve(this.emojiRepository.getDynamicCategoryList());
     }
     return this.retryIfLoading(() => this.calculateDynamicCategories(), []);
@@ -435,7 +451,7 @@ export class EmojiResource extends AbstractResource {
     return this.currentUser;
   }
   addUnknownEmoji(emoji) {
-    if (this.emojiRepository) {
+    if (this.isRepositoryAvailable(this.emojiRepository)) {
       this.emojiRepository.addUnknownEmoji(emoji);
     }
   }
@@ -449,14 +465,14 @@ export default class UploadingEmojiResource extends EmojiResource {
     if (!this.allowUpload) {
       return Promise.resolve(false);
     }
-    if (this.siteEmojiResource) {
+    if (this.isRepositoryAvailable(this.siteEmojiResource)) {
       return this.siteEmojiResource.hasUploadToken();
     }
     return this.retryIfLoading(() => this.isUploadSupported(), false);
   }
   uploadCustomEmoji(upload, retry = false) {
     return this.isUploadSupported().then(supported => {
-      if (!supported || !this.siteEmojiResource) {
+      if (!supported || !this.isRepositoryAvailable(this.siteEmojiResource)) {
         return Promise.reject('No media api support is configured');
       }
       return this.siteEmojiResource.uploadEmoji(upload, retry).then(emoji => {
@@ -467,7 +483,7 @@ export default class UploadingEmojiResource extends EmojiResource {
     });
   }
   prepareForUpload() {
-    if (this.siteEmojiResource) {
+    if (this.isRepositoryAvailable(this.siteEmojiResource)) {
       this.siteEmojiResource.prepareForUpload();
     }
     return this.retryIfLoading(() => this.prepareForUpload(), undefined);