@atlaskit/emoji 67.0.3 → 67.0.5

package/dist/cjs/components/common/EmojiActions.js

@@ -1,55 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.uploadEmojiTestId = exports.emojiActionsTestId = exports.default = exports.EmojiActions = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _EmojiDeletePreview = _interopRequireDefault(require("../common/EmojiDeletePreview"));
-
 var _EmojiUploadPicker = _interopRequireDefault(require("../common/EmojiUploadPicker"));
-
 var _EmojiPickerListSearch = _interopRequireDefault(require("../picker/EmojiPickerListSearch"));
-
 var _ToneSelector = _interopRequireDefault(require("./ToneSelector"));
-
 var _EmojiButton = _interopRequireDefault(require("./EmojiButton"));
-
 var _i18n = require("../i18n");
-
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-
 var _add = _interopRequireDefault(require("@atlaskit/icon/glyph/add"));
-
 var _setSkinToneAriaLabelText = require("./setSkinToneAriaLabelText");
-
 var _styles = require("./styles");
-
 var _styles2 = require("../picker/styles");
-
 /** @jsx jsx */
+
 var emojiActionsTestId = 'emoji-actions';
 exports.emojiActionsTestId = emojiActionsTestId;
-var uploadEmojiTestId = 'upload-emoji'; // Generic Type for the wrapped functional component
+var uploadEmojiTestId = 'upload-emoji';
 
+// Generic Type for the wrapped functional component
 exports.uploadEmojiTestId = uploadEmojiTestId;
-
 var AddOwnEmoji = function AddOwnEmoji(props) {
   var onOpenUpload = props.onOpenUpload,
-      uploadEnabled = props.uploadEnabled,
-      formatMessage = props.intl.formatMessage;
+    uploadEnabled = props.uploadEnabled,
+    formatMessage = props.intl.formatMessage;
   return (0, _react2.jsx)(_react.Fragment, null, uploadEnabled && (0, _react2.jsx)("div", {
     css: _styles.addCustomEmoji,
     "data-testid": uploadEmojiTestId
@@ -66,26 +49,21 @@ var AddOwnEmoji = function AddOwnEmoji(props) {
     }, label);
   })));
 };
-
 var TonesWrapper = function TonesWrapper(props) {
   var toneEmoji = props.toneEmoji,
-      selectedTone = props.selectedTone,
-      intl = props.intl,
-      onToneSelected = props.onToneSelected,
-      onToneOpen = props.onToneOpen,
-      showToneSelector = props.showToneSelector;
+    selectedTone = props.selectedTone,
+    intl = props.intl,
+    onToneSelected = props.onToneSelected,
+    onToneOpen = props.onToneOpen,
+    showToneSelector = props.showToneSelector;
   var formatMessage = intl.formatMessage;
-
   if (!toneEmoji) {
     return null;
   }
-
   var previewEmoji = toneEmoji;
-
   if (selectedTone && previewEmoji.skinVariations) {
     previewEmoji = previewEmoji.skinVariations[(selectedTone || 1) - 1];
   }
-
   return (0, _react2.jsx)("div", {
     css: _styles.emojiToneSelectorContainer
   }, showToneSelector && (0, _react2.jsx)(_ToneSelector.default, {
@@ -102,49 +80,40 @@ var TonesWrapper = function TonesWrapper(props) {
     })
   }));
 };
-
 var EmojiActions = function EmojiActions(props) {
   var onToneSelected = props.onToneSelected,
-      onToneSelectorCancelled = props.onToneSelectorCancelled,
-      initialUploadName = props.initialUploadName,
-      onUploadCancelled = props.onUploadCancelled,
-      onCloseDelete = props.onCloseDelete,
-      onDeleteEmoji = props.onDeleteEmoji,
-      onUploadEmoji = props.onUploadEmoji,
-      uploadErrorMessage = props.uploadErrorMessage,
-      uploading = props.uploading,
-      onFileChooserClicked = props.onFileChooserClicked,
-      emojiToDelete = props.emojiToDelete,
-      onChange = props.onChange,
-      query = props.query;
-
+    onToneSelectorCancelled = props.onToneSelectorCancelled,
+    initialUploadName = props.initialUploadName,
+    onUploadCancelled = props.onUploadCancelled,
+    onCloseDelete = props.onCloseDelete,
+    onDeleteEmoji = props.onDeleteEmoji,
+    onUploadEmoji = props.onUploadEmoji,
+    uploadErrorMessage = props.uploadErrorMessage,
+    uploading = props.uploading,
+    onFileChooserClicked = props.onFileChooserClicked,
+    emojiToDelete = props.emojiToDelete,
+    onChange = props.onChange,
+    query = props.query;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showToneSelector = _useState2[0],
-      setShowToneSelector = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showToneSelector = _useState2[0],
+    setShowToneSelector = _useState2[1];
   var previewFooterClassnames = [_styles2.emojiPickerFooter, _styles2.emojiActionsContainerWithBottomShadow];
-
   var onToneOpenHandler = function onToneOpenHandler() {
     return setShowToneSelector(true);
   };
-
   var onToneSelectedHandler = function onToneSelectedHandler(toneValue) {
     setShowToneSelector(false);
-
     if (onToneSelected) {
       onToneSelected(toneValue);
     }
   };
-
   var onMouseLeaveHandler = function onMouseLeaveHandler() {
     if (showToneSelector && onToneSelectorCancelled) {
       onToneSelectorCancelled();
     }
-
     setShowToneSelector(false);
   };
-
   if (uploading) {
     return (0, _react2.jsx)("div", {
       css: previewFooterClassnames
@@ -156,7 +125,6 @@ var EmojiActions = function EmojiActions(props) {
       initialUploadName: initialUploadName
     }));
   }
-
   if (emojiToDelete) {
     return (0, _react2.jsx)("div", {
       css: previewFooterClassnames
@@ -166,7 +134,6 @@ var EmojiActions = function EmojiActions(props) {
       onCloseDelete: onCloseDelete
     }));
   }
-
   return (0, _react2.jsx)("div", {
     "data-testid": emojiActionsTestId,
     css: previewFooterClassnames,
@@ -182,9 +149,6 @@ var EmojiActions = function EmojiActions(props) {
     showToneSelector: showToneSelector
   }))), (0, _react2.jsx)(AddOwnEmoji, props));
 };
-
 exports.EmojiActions = EmojiActions;
-
 var _default = (0, _reactIntlNext.injectIntl)(EmojiActions);
-
 exports.default = _default;

package/dist/cjs/components/common/EmojiButton.js

@@ -1,53 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.EmojiButton = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _mouse = require("../../util/mouse");
-
 var _styles = require("./styles");
-
 var _Emoji = _interopRequireDefault(require("./Emoji"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /** @jsx jsx */
+
 var handleMouseDown = function handleMouseDown(props, event) {
   var onSelected = props.onSelected;
   event.preventDefault();
-
   if (onSelected && (0, _mouse.leftClick)(event)) {
     onSelected();
   }
 };
-
 var handleKeyPress = function handleKeyPress(props, event) {
   var onSelected = props.onSelected;
-
   if (onSelected && (event.key === 'Enter' || event.key === ' ')) {
     event.preventDefault();
     onSelected();
   }
 };
-
 var EmojiButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var emoji = props.emoji,
-      selectOnHover = props.selectOnHover,
-      ariaLabelText = props.ariaLabelText,
-      ariaExpanded = props.ariaExpanded,
-      shouldHideButton = props.shouldHideButton;
+    selectOnHover = props.selectOnHover,
+    ariaLabelText = props.ariaLabelText,
+    ariaExpanded = props.ariaExpanded,
+    shouldHideButton = props.shouldHideButton;
   return (0, _react2.jsx)("button", {
     ref: ref,
     "aria-expanded": ariaExpanded,

package/dist/cjs/components/common/EmojiDeletePreview.js

@@ -1,80 +1,52 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.emojiDeletePreviewTestId = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-
 var _i18n = require("../i18n");
-
 var _CachingEmoji = _interopRequireDefault(require("./CachingEmoji"));
-
 var _EmojiErrorMessage = _interopRequireDefault(require("./EmojiErrorMessage"));
-
 var _RetryableButton = _interopRequireDefault(require("./RetryableButton"));
-
 var _styles = require("./styles");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
 var emojiDeletePreviewTestId = 'emoji-delete-preview';
 exports.emojiDeletePreviewTestId = emojiDeletePreviewTestId;
-
 var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(EmojiDeletePreview, _Component);
-
   var _super = _createSuper(EmojiDeletePreview);
-
   function EmojiDeletePreview(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, EmojiDeletePreview);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSubmit", function () {
       var _this$props = _this.props,
-          emoji = _this$props.emoji,
-          onDeleteEmoji = _this$props.onDeleteEmoji,
-          onCloseDelete = _this$props.onCloseDelete;
-
+        emoji = _this$props.emoji,
+        onDeleteEmoji = _this$props.onDeleteEmoji,
+        onCloseDelete = _this$props.onCloseDelete;
       if (!_this.state.loading) {
         _this.setState({
           loading: true
         });
-
         onDeleteEmoji(emoji).then(function (success) {
           if (success) {
             onCloseDelete();
             return;
           }
-
           _this.setState({
             loading: false,
             error: true
@@ -91,7 +63,6 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-
   (0, _createClass2.default)(EmojiDeletePreview, [{
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(nextProps) {
@@ -105,11 +76,11 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          emoji = _this$props2.emoji,
-          intl = _this$props2.intl;
+        emoji = _this$props2.emoji,
+        intl = _this$props2.intl;
       var _this$state = this.state,
-          loading = _this$state.loading,
-          error = _this$state.error;
+        loading = _this$state.loading,
+        error = _this$state.error;
       var formatMessage = intl.formatMessage;
       return (0, _react2.jsx)("div", {
         css: _styles.deletePreview,
@@ -145,7 +116,5 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
   }]);
   return EmojiDeletePreview;
 }(_react.Component);
-
 var _default = (0, _reactIntlNext.injectIntl)(EmojiDeletePreview);
-
 exports.default = _default;

package/dist/cjs/components/common/EmojiErrorMessage.js

@@ -1,30 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.emojiErrorMessageTooltipTestId = exports.emojiErrorMessageTestId = exports.emojiErrorIconTestId = exports.default = void 0;
-
 var _react = require("@emotion/react");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
-
 /** @jsx jsx */
+
 var emojiErrorMessageTestId = 'emoji-error-message';
 exports.emojiErrorMessageTestId = emojiErrorMessageTestId;
 var emojiErrorMessageTooltipTestId = 'emoji-error-message-tooltip';
 exports.emojiErrorMessageTooltipTestId = emojiErrorMessageTooltipTestId;
 var emojiErrorIconTestId = 'emoji-error-icon';
 exports.emojiErrorIconTestId = emojiErrorIconTestId;
-
 var EmojiErrorMessage = function EmojiErrorMessage(props) {
   var messageStyles = props.messageStyles,
-      message = props.message,
-      tooltip = props.tooltip;
+    message = props.message,
+    tooltip = props.tooltip;
   return tooltip ? (0, _react.jsx)("div", {
     css: messageStyles,
     "data-testid": emojiErrorMessageTestId
@@ -44,6 +39,5 @@ var EmojiErrorMessage = function EmojiErrorMessage(props) {
     size: "small"
   }), " ", message);
 };
-
 var _default = EmojiErrorMessage;
 exports.default = _default;

package/dist/cjs/components/common/EmojiPlaceholder.js

@@ -4,41 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.emojiPlaceholderTestId = exports.default = void 0;
-
 var _react = require("@emotion/react");
-
 var _constants = require("../../util/constants");
-
 var _styles = require("./styles");
-
 /** @jsx jsx */
+
 var emojiPlaceholderTestId = function emojiPlaceholderTestId(shortName) {
   return "emoji-placeholder-".concat(shortName);
 };
-
 exports.emojiPlaceholderTestId = emojiPlaceholderTestId;
-
 var EmojiPlaceholder = function EmojiPlaceholder(props) {
   var shortName = props.shortName,
-      _props$size = props.size,
-      size = _props$size === void 0 ? _constants.defaultEmojiHeight : _props$size,
-      showTooltip = props.showTooltip,
-      representation = props.representation,
-      _props$loading = props.loading,
-      loading = _props$loading === void 0 ? false : _props$loading;
+    _props$size = props.size,
+    size = _props$size === void 0 ? _constants.defaultEmojiHeight : _props$size,
+    showTooltip = props.showTooltip,
+    representation = props.representation,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading;
   var scaledWidth;
   var scaledHeight;
-
   if (representation && size) {
     var _width = representation.width;
     var _height = representation.height;
-
     if (_width && _height) {
       scaledWidth = size / _height * _width;
       scaledHeight = size;
     }
   }
-
   var width = scaledWidth || size;
   var height = scaledHeight || size;
   var style = {
@@ -57,6 +49,5 @@ var EmojiPlaceholder = function EmojiPlaceholder(props) {
     title: showTooltip ? shortName : ''
   });
 };
-
 var _default = EmojiPlaceholder;
 exports.default = _default;

package/dist/cjs/components/common/EmojiPreviewComponent.js

@@ -1,19 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmojiPreviewComponent = void 0;
-
 var _react = require("@emotion/react");
-
 var _CachingEmoji = _interopRequireDefault(require("./CachingEmoji"));
-
 var _styles = require("./styles");
-
 /** @jsx jsx */
+
 var EmojiPreviewComponent = function EmojiPreviewComponent(_ref) {
   var emoji = _ref.emoji;
   return (0, _react.jsx)("div", {
@@ -31,5 +27,4 @@ var EmojiPreviewComponent = function EmojiPreviewComponent(_ref) {
     css: _styles.emojiShortName
   }, emoji.shortName)));
 };
-
 exports.EmojiPreviewComponent = EmojiPreviewComponent;