@atlaskit/emoji 67.0.4 → 67.0.5

package/dist/esm/components/common/styles.js

@@ -1,8 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _css, _css2, _templateObject, _span, _css3, _css6, _input, _css7;
-
 import { css, keyframes } from '@emotion/react';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { defaultEmojiHeight } from '../../util/constants';
@@ -109,8 +107,9 @@ export var emojiButton = css((_css3 = {
 export var hiddenToneButton = css({
   // Hide currently selected tone that rendered in the ToneSelector to avoid duplication
   display: 'none'
-}); // Emoji Preview
+});
 
+// Emoji Preview
 export var emojiPickerAddEmoji = 'emoji-picker-add-emoji';
 export var previewText = css({
   display: 'flex',
@@ -119,9 +118,7 @@ export var previewText = css({
   marginTop: '-2px',
   marginLeft: '10px',
   maxWidth: '285px',
-  width: '285px'
-  /* IE */
-  ,
+  width: '285px' /* IE */,
   flexGrow: 1,
   flexShrink: 1
 });
@@ -174,7 +171,9 @@ export var previewImg = css((_css6 = {
   maxWidth: '32px',
   padding: 0,
   display: 'block'
-}), _css6)); // Scrollable
+}), _css6));
+
+// Scrollable
 
 export var emojiScrollable = css({
   border: "1px solid ".concat("var(--ds-border, #fff)"),
@@ -184,7 +183,9 @@ export var emojiScrollable = css({
   overflowX: 'hidden',
   overflowY: 'auto',
   padding: '0'
-}); // EmojiUpload
+});
+
+// EmojiUpload
 
 export var emojiUpload = css({
   height: '78px',
@@ -272,7 +273,9 @@ export var addCustomEmoji = css({
   alignSelf: 'center',
   marginLeft: '10px',
   marginBottom: '10px'
-}); // Emoji Delete preview
+});
+
+// Emoji Delete preview
 
 export var submitDelete = 'emoji-submit-delete';
 export var deletePreview = css({

package/dist/esm/components/picker/CategorySelector.js

@@ -5,11 +5,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -22,64 +19,48 @@ import { active, categorySelector, disable, categoryStyles } from './styles';
 export var sortCategories = function sortCategories(c1, c2) {
   return CategoryDescriptionMap[c1].order - CategoryDescriptionMap[c2].order;
 };
-
 var addNewCategories = function addNewCategories(oldCategories, newCategories) {
   if (!newCategories) {
     return oldCategories;
   }
-
   return oldCategories.concat(newCategories.filter(function (category) {
     return !!CategoryDescriptionMap[category];
   })).sort(sortCategories);
 };
-
 export var categorySelectorComponentTestId = 'category-selector-component';
 export var categorySelectorCategoryTestId = function categorySelectorCategoryTestId(categoryId) {
   return "category-selector-".concat(categoryId);
 };
-
 var CategorySelector = /*#__PURE__*/function (_PureComponent) {
   _inherits(CategorySelector, _PureComponent);
-
   var _super = _createSuper(CategorySelector);
-
   function CategorySelector(props) {
     var _this;
-
     _classCallCheck(this, CategorySelector);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "onClick", function (event) {
       var _this$props = _this.props,
-          onCategorySelected = _this$props.onCategorySelected,
-          disableCategories = _this$props.disableCategories;
-
+        onCategorySelected = _this$props.onCategorySelected,
+        disableCategories = _this$props.disableCategories;
       if (disableCategories) {
         event.preventDefault();
         return;
       }
-
       var categoryId = event.currentTarget.getAttribute('data-category-id');
-
       if (onCategorySelected) {
         onCategorySelected(categoryId);
       }
     });
-
     var dynamicCategories = props.dynamicCategories;
     var categories = defaultCategories;
-
     if (dynamicCategories) {
       categories = addNewCategories(categories, dynamicCategories);
     }
-
     _this.state = {
       categories: categories
     };
     return _this;
   }
-
   _createClass(CategorySelector, [{
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(nextProps) {
@@ -93,13 +74,11 @@ var CategorySelector = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          disableCategories = _this$props2.disableCategories,
-          intl = _this$props2.intl;
+        disableCategories = _this$props2.disableCategories,
+        intl = _this$props2.intl;
       var categories = this.state.categories;
       var categoriesSection;
-
       if (categories) {
         var formatMessage = intl.formatMessage;
         categoriesSection = jsx("ul", {
@@ -107,15 +86,12 @@ var CategorySelector = /*#__PURE__*/function (_PureComponent) {
         }, categories.map(function (categoryId) {
           var category = CategoryDescriptionMap[categoryId];
           var categoryClasses = [categoryStyles];
-
           if (categoryId === _this2.props.activeCategoryId) {
             categoryClasses.push(active);
           }
-
           if (disableCategories) {
             categoryClasses.push(disable);
           }
-
           var Icon = category.icon;
           var categoryName = formatMessage(messages[category.name]);
           return jsx("li", {
@@ -134,19 +110,15 @@ var CategorySelector = /*#__PURE__*/function (_PureComponent) {
           })));
         }));
       }
-
       return jsx("div", {
         css: categorySelector
       }, categoriesSection);
     }
   }]);
-
   return CategorySelector;
 }(PureComponent);
-
 _defineProperty(CategorySelector, "defaultProps", {
   onCategorySelected: function onCategorySelected() {},
   dynamicCategories: []
 });
-
 export default injectIntl(CategorySelector);

package/dist/esm/components/picker/CategoryTracker.js

@@ -1,6 +1,5 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-
 /**
  * Mapping between CategoryId and row
  *
@@ -10,10 +9,8 @@ import _createClass from "@babel/runtime/helpers/createClass";
 var CategoryTracker = /*#__PURE__*/function () {
   function CategoryTracker() {
     _classCallCheck(this, CategoryTracker);
-
     this.reset();
   }
-
   _createClass(CategoryTracker, [{
     key: "reset",
     value: function reset() {
@@ -39,36 +36,29 @@ var CategoryTracker = /*#__PURE__*/function () {
       var rows = Array.from(this.rowToCategory.keys()).sort(function (a, b) {
         return a - b;
       });
-
       if (rows.length === 0) {
         return;
-      } // Return first category if list not yet rendered
-      // or the top row is above the first category
-
+      }
 
+      // Return first category if list not yet rendered
+      // or the top row is above the first category
       if (!list || rows[0] > startIndex) {
         return this.rowToCategory.get(rows[0]);
       }
-
       var bounds = [0, rows.length - 1];
       var index = Math.floor(rows.length / 2);
-
       while (rows[index] !== startIndex && bounds[0] < bounds[1]) {
         if (rows[index] > startIndex) {
           bounds[1] = Math.max(index - 1, 0);
         } else {
           bounds[0] = index + 1;
         }
-
         index = Math.floor((bounds[0] + bounds[1]) / 2);
       }
-
       var headerRow = rows[rows[index] > startIndex ? Math.max(index - 1, 0) : index];
       return this.rowToCategory.get(headerRow);
     }
   }]);
-
   return CategoryTracker;
 }();
-
 export { CategoryTracker as default };

package/dist/esm/components/picker/EmojiPicker.js

@@ -7,12 +7,10 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["emojiProvider"];
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /** @jsx jsx */
+
 import { jsx } from '@emotion/react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ufoExperiences } from '../../util/analytics';
@@ -22,49 +20,36 @@ import { emojiPicker } from './styles';
 import { UfoErrorBoundary } from '../common/UfoErrorBoundary';
 import { defaultEmojiPickerSize } from '../../util/constants';
 import { EmojiCommonProvider } from '../../context/EmojiCommonProvider';
-
 var emojiPickerModuleLoader = function emojiPickerModuleLoader() {
-  return import(
-  /* webpackChunkName:"@atlaskit-internal_emojiPickerComponent" */
-  './EmojiPickerComponent');
+  return import( /* webpackChunkName:"@atlaskit-internal_emojiPickerComponent" */'./EmojiPickerComponent');
 };
-
 var emojiPickerLoader = function emojiPickerLoader() {
   return emojiPickerModuleLoader().then(function (module) {
     return module.default;
   });
 };
-
 export var EmojiPickerInternal = /*#__PURE__*/function (_LoadingEmojiComponen) {
   _inherits(EmojiPickerInternal, _LoadingEmojiComponen);
-
   var _super = _createSuper(EmojiPickerInternal);
-
   // state initialised with static component to prevent
   // rerender when the module has already been loaded
+
   function EmojiPickerInternal(props) {
     var _this;
-
     _classCallCheck(this, EmojiPickerInternal);
-
     _this = _super.call(this, props, {});
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       asyncLoadedComponent: EmojiPickerInternal.AsyncLoadedComponent
     });
-
     ufoExperiences['emoji-picker-opened'].start();
     return _this;
   }
-
   _createClass(EmojiPickerInternal, [{
     key: "asyncLoadComponent",
     value: function asyncLoadComponent() {
       var _this2 = this;
-
       emojiPickerLoader().then(function (component) {
         EmojiPickerInternal.AsyncLoadedComponent = component;
-
         _this2.setAsyncState(component);
       });
     }
@@ -72,15 +57,12 @@ export var EmojiPickerInternal = /*#__PURE__*/function (_LoadingEmojiComponen) {
     key: "renderLoading",
     value: function renderLoading() {
       var _this3 = this;
-
       var item = new LoadingItem();
-
       var handlePickerRef = function handlePickerRef(ref) {
         if (_this3.props.onPickerRef) {
           _this3.props.onPickerRef(ref);
         }
       };
-
       ufoExperiences['emoji-picker-opened'].markFMP();
       return jsx("div", {
         css: emojiPicker(),
@@ -91,9 +73,8 @@ export var EmojiPickerInternal = /*#__PURE__*/function (_LoadingEmojiComponen) {
     key: "renderLoaded",
     value: function renderLoaded(loadedEmojiProvider, EmojiPickerComponent) {
       var _this$props = this.props,
-          emojiProvider = _this$props.emojiProvider,
-          otherProps = _objectWithoutProperties(_this$props, _excluded);
-
+        emojiProvider = _this$props.emojiProvider,
+        otherProps = _objectWithoutProperties(_this$props, _excluded);
       return jsx(UfoErrorBoundary, {
         experiences: [ufoExperiences['emoji-picker-opened']]
       }, jsx(EmojiCommonProvider, {
@@ -101,13 +82,10 @@ export var EmojiPickerInternal = /*#__PURE__*/function (_LoadingEmojiComponen) {
       }, jsx(EmojiPickerComponent, otherProps)));
     }
   }]);
-
   return EmojiPickerInternal;
 }(LoadingEmojiComponent);
-
 _defineProperty(EmojiPickerInternal, "defaultProps", {
   size: defaultEmojiPickerSize
 });
-
 var EmojiPicker = withAnalyticsEvents()(EmojiPickerInternal);
 export default EmojiPicker;

package/dist/esm/components/picker/EmojiPickerCategoryHeading.js

@@ -1,19 +1,19 @@
 /** @jsx jsx */
+
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { isMessagesKey } from '../../util/type-helpers';
 import { messages } from '../i18n';
 import { emojiCategoryTitle } from './styles';
+
 /**
  * Test id for wrapper Emoji Picker List div
  */
-
 export var RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID = 'render-emoji-picker-categorty-heading';
-
 var EmojiPickerCategoryHeading = function EmojiPickerCategoryHeading(_ref) {
   var id = _ref.id,
-      title = _ref.title,
-      className = _ref.className;
+    title = _ref.title,
+    className = _ref.className;
   return jsx("div", {
     id: id,
     "data-category-id": id,
@@ -23,5 +23,4 @@ var EmojiPickerCategoryHeading = function EmojiPickerCategoryHeading(_ref) {
     css: emojiCategoryTitle
   }, isMessagesKey(title) ? jsx(FormattedMessage, messages[title]) : title));
 };
-
 export default EmojiPickerCategoryHeading;