@atlaskit/emoji 69.0.7 → 69.0.9

package/dist/esm/components/compiled/common/EmojiDeletePreview.js

@@ -1,142 +0,0 @@
-/* EmojiDeletePreview.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./EmojiDeletePreview.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import { Component } from 'react';
-import { N300 } from '@atlaskit/theme/colors';
-import { FormattedMessage, injectIntl } from 'react-intl-next';
-import AkButton from '@atlaskit/button/new';
-import Heading from '@atlaskit/heading';
-import FocusLock from 'react-focus-lock';
-import { messages } from '../../i18n';
-import CachingEmoji from '../../common/CachingEmoji';
-import EmojiErrorMessage, { emojiErrorScreenreaderTestId } from './EmojiErrorMessage';
-import RetryableButton from './RetryableButton';
-import VisuallyHidden from '@atlaskit/visually-hidden';
-import { fg } from '@atlaskit/platform-feature-flags';
-var deleteFooter = null;
-var deletePreview = null;
-var deleteText = null;
-var previewButtonGroup = null;
-export var emojiDeletePreviewTestId = 'emoji-delete-preview';
-var deleteEmojiLabelId = 'fabric.emoji.delete.label.id';
-var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
-  function EmojiDeletePreview(props) {
-    var _this;
-    _classCallCheck(this, EmojiDeletePreview);
-    _this = _callSuper(this, EmojiDeletePreview, [props]);
-    _defineProperty(_this, "onSubmit", function () {
-      var _this$props = _this.props,
-        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
-          });
-        });
-      }
-    });
-    _defineProperty(_this, "onCancel", function () {
-      _this.props.onCloseDelete();
-    });
-    _this.state = {
-      loading: false,
-      error: false
-    };
-    return _this;
-  }
-  _inherits(EmojiDeletePreview, _Component);
-  return _createClass(EmojiDeletePreview, [{
-    key: "UNSAFE_componentWillUpdate",
-    value: function UNSAFE_componentWillUpdate(nextProps) {
-      if (!fg('platform_editor_react18_elements_emoji') || !fg('platform_editor_react18_elements_emoji_jira_bb')) {
-        if (nextProps.emoji.id !== this.props.emoji.id) {
-          this.setState({
-            error: false
-          });
-        }
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (fg('platform_editor_react18_elements_emoji') || fg('platform_editor_react18_elements_emoji_jira_bb')) {
-        if (prevProps.emoji.id !== this.props.emoji.id) {
-          this.setState({
-            error: false
-          });
-        }
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        emoji = _this$props2.emoji,
-        intl = _this$props2.intl;
-      var _this$state = this.state,
-        loading = _this$state.loading,
-        error = _this$state.error;
-      var formatMessage = intl.formatMessage;
-      return /*#__PURE__*/React.createElement(FocusLock, {
-        noFocusGuards: true
-      }, /*#__PURE__*/React.createElement("div", {
-        "data-testid": emojiDeletePreviewTestId,
-        className: ax(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _4t3i53f4 _1e0c1txw _2lx21bp4 _1bahesu3"])
-      }, /*#__PURE__*/React.createElement("div", {
-        className: ax(["_11c8dcr7 _4t3ivbgk _pnmb1vvm _jwwg7vkz"]),
-        style: {
-          "--_bbz764": ix("var(--ds-text-subtle, ".concat(N300, ")"))
-        }
-      }, /*#__PURE__*/React.createElement(Heading, {
-        size: "xxsmall"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.deleteEmojiTitle)), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.deleteEmojiDescription, {
-        values: {
-          emojiShortName: emoji.shortName
-        }
-      }))), /*#__PURE__*/React.createElement("div", {
-        className: ax(["_11c82smr _1e0c1txw _4t3i1ylp _4cvr1h6o _1bah1yb4 _19l3zwfg _rtyst9kd _m73io7ol _1txf1igg _1qz31b66"])
-      }, /*#__PURE__*/React.createElement(CachingEmoji, {
-        emoji: emoji
-      }), /*#__PURE__*/React.createElement("div", {
-        className: ax(["_1e0c1txw"])
-      }, error ? !loading ? /*#__PURE__*/React.createElement(EmojiErrorMessage, {
-        message: formatMessage(messages.deleteEmojiFailed),
-        errorStyle: "delete",
-        tooltip: true
-      }) : null : null, /*#__PURE__*/React.createElement(VisuallyHidden, {
-        id: deleteEmojiLabelId
-      }, formatMessage(messages.deleteEmojiLabel)), /*#__PURE__*/React.createElement(RetryableButton, {
-        label: formatMessage(messages.deleteEmojiLabel),
-        onSubmit: this.onSubmit,
-        appearance: "danger",
-        loading: loading,
-        error: error,
-        ariaLabelledBy: "".concat(emojiErrorScreenreaderTestId, " ").concat(deleteEmojiLabelId)
-      }), /*#__PURE__*/React.createElement(AkButton, {
-        appearance: "subtle",
-        onClick: this.onCancel
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelLabel))))));
-    }
-  }]);
-}(Component);
-export default injectIntl(EmojiDeletePreview);

package/dist/esm/components/compiled/common/EmojiErrorMessage.js

@@ -1,48 +0,0 @@
-/* EmojiErrorMessage.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./EmojiErrorMessage.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { R300, R400 } from '@atlaskit/theme/colors';
-import Tooltip from '@atlaskit/tooltip';
-import ErrorIcon from '@atlaskit/icon/core/migration/error';
-import { useIntl } from 'react-intl-next';
-import { messages } from '../../i18n';
-var errorMessageStyles = {
-  chooseFile: "_1e0c1txw _syaz1l5o _u5f319bv _1bah1y6m",
-  delete: "_1e0c1txw _syaz1ick _4cvr1h6o _1bahesu3 _u5f31b66",
-  preview: "_1e0c116y _syaz1ick _u5f319bv _1bahesu3 _4cvr1h6o"
-};
-export var emojiErrorScreenreaderTestId = 'emoji-error-screenreader-message';
-export var emojiErrorMessageTestId = 'emoji-error-message';
-export var emojiErrorMessageTooltipTestId = 'emoji-error-message-tooltip';
-export var emojiErrorIconTestId = 'emoji-error-icon';
-var EmojiErrorMessage = function EmojiErrorMessage(props) {
-  var errorStyle = props.errorStyle,
-    message = props.message,
-    tooltip = props.tooltip;
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var visualContent = tooltip ? /*#__PURE__*/React.createElement("div", {
-    "data-testid": emojiErrorMessageTestId,
-    className: ax([errorMessageStyles[errorStyle]])
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: message,
-    position: "top",
-    testId: emojiErrorMessageTooltipTestId
-  }, /*#__PURE__*/React.createElement(ErrorIcon, {
-    color: "currentColor",
-    label: formatMessage(messages.error),
-    LEGACY_size: "medium",
-    spacing: "spacious",
-    testId: emojiErrorIconTestId
-  }))) : /*#__PURE__*/React.createElement("div", {
-    "data-testid": emojiErrorMessageTestId,
-    className: ax([errorMessageStyles[errorStyle]])
-  }, /*#__PURE__*/React.createElement(ErrorIcon, {
-    color: "currentColor",
-    label: formatMessage(messages.error),
-    LEGACY_size: "small"
-  }), message);
-  return visualContent;
-};
-export default EmojiErrorMessage;

package/dist/esm/components/compiled/common/EmojiFallback.js

@@ -1,29 +0,0 @@
-/* EmojiFallback.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import "./EmojiFallback.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { EmojiNodeWrapper } from './Emoji';
-import { emojiNodeStyles, commonSelectedStyles, selectOnHoverStyles } from '../../common/styles';
-var emojiFallbackStyles = null;
-export var EmojiFallback = function EmojiFallback(props) {
-  var emoji = props.emoji,
-    selected = props.selected,
-    selectOnHover = props.selectOnHover,
-    className = props.className;
-  var fallback = emoji.fallback,
-    shortName = emoji.shortName;
-  var classes = "".concat(emojiNodeStyles, " ").concat(selected ? commonSelectedStyles : '', " ").concat(selectOnHover ? selectOnHoverStyles : '', " ").concat(className ? className : '');
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    React.createElement(EmojiNodeWrapper, _extends({
-      type: "image"
-    }, props, {
-      className: classes
-    }), /*#__PURE__*/React.createElement("span", {
-      className: ax(["_1reo15vq _18m915vq _1e0c1txw _1bsb1osq _4t3i1osq _1bah1h6o _4cvr1h6o"])
-    }, fallback || shortName))
-  );
-};
-export default EmojiFallback;

package/dist/esm/components/compiled/common/EmojiPlaceholder.js

@@ -1,58 +0,0 @@
-/* EmojiPlaceholder.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./EmojiPlaceholder.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-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; }
-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; }
-import { N20A } from '@atlaskit/theme/colors';
-import { defaultEmojiHeight } from '../../../util/constants';
-import { placeholder } from '../../common/styles';
-var placeholderContainer = null;
-var easeSweep = null;
-var placeholderContainerAnimated = null;
-export var emojiPlaceholderTestId = function emojiPlaceholderTestId(shortName) {
-  return "emoji-placeholder-".concat(shortName);
-};
-var EmojiPlaceholder = function EmojiPlaceholder(props) {
-  var shortName = props.shortName,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 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 = {
-    fill: 'f7f7f7',
-    minWidth: "".concat(width, "px"),
-    width: "".concat(width, "px"),
-    height: "".concat(height, "px")
-  };
-  return /*#__PURE__*/React.createElement("span", {
-    "data-testid": emojiPlaceholderTestId(shortName),
-    "aria-busy": loading,
-    role: "status",
-    "aria-label": shortName
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && "_16qqztlz _1kt9b3bt _cfu11ule _1cs8stnw _1ruskq2v _kfgt1osq _1mp41osq", placeholder]),
-    title: showTooltip ? shortName : '',
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      "--_12ncegi": ix("var(--ds-background-neutral, ".concat(N20A, ")")),
-      "--_s082jg": ix("".concat(easeSweep, " 1s cubic-bezier(0.4, 0.0, 0.2, 1) infinite"))
-    })
-  });
-};
-export default EmojiPlaceholder;

package/dist/esm/components/compiled/common/EmojiPreviewComponent.js

@@ -1,35 +0,0 @@
-/* EmojiPreviewComponent.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./EmojiPreviewComponent.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { N200, N900 } from '@atlaskit/theme/colors';
-import CachingEmoji from '../../common/CachingEmoji';
-var emojiName = null;
-var emojiShortName = null;
-var preview = null;
-var previewImg = null;
-var previewText = null;
-export var EmojiPreviewComponent = function EmojiPreviewComponent(_ref) {
-  var emoji = _ref.emoji;
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _2lx2vrvc _1n261q9c _4t3izwfg _4cvr1h6o"])
-  }, /*#__PURE__*/React.createElement("span", {
-    className: ax(["_1e0c1o8l _1bsbzwfg _12s6idpf _1e4didpf _1dvqidpf _vwlxidpf _1gdiidpf _1f45idpf _pdfdidpf _mwo3idpf _5ilezwfg _boltzwfg _1pc7zwfg _u5wqzwfg _w7981kw7 _1vqe1kw7 _1l4xidpf _1l79idpf _118didpf _1pa4idpf _1pglh2mm _1vjf1ssb _1h6o1ssb _8fp6dbra _1os4zwfg _1e7azwfg _7mh21ule"])
-  }, /*#__PURE__*/React.createElement(CachingEmoji, {
-    key: emoji.id || emoji.shortName,
-    emoji: emoji
-  })), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1e0c1txw _2lx21bp4 _1wpz1h6o _19pk1i6y _18u019bv _p12f3sup _1bsb3sup _16jlkb7n _1o9zkb7n"])
-  }, emoji.name && /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1reo15vq _18m915vq _1e0c1ule _syazovqm _1bto1l2s _o5721q9c _299mangw"]),
-    style: {
-      "--_5xk3r4": ix("var(--ds-text, ".concat(N900, ")"))
-    }
-  }, emoji.name), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_11c8dcr7 _1reo15vq _18m915vq _1e0c1ule _syazeqp7 _vwz4kb7n _otyr1i6y _n3tdv77o _1bto1l2s _o5721q9c _10hw2smr _pnmbovqm"]),
-    style: {
-      "--_158nz74": ix("var(--ds-text-subtle, ".concat(N200, ")")),
-      "--_5xk3r4": ix("var(--ds-text, ".concat(N900, ")"))
-    }
-  }, emoji.shortName)));
-};

package/dist/esm/components/compiled/common/EmojiRadioButton.js

@@ -1,62 +0,0 @@
-/* EmojiRadioButton.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./EmojiRadioButton.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React, { memo, forwardRef } from 'react';
-import { B100 } from '@atlaskit/theme/colors';
-import { leftClick } from '../../../util/mouse';
-import Emoji from './Emoji';
-import { TONESELECTOR_KEYBOARD_KEYS_SUPPORTED } from '../../../util/constants';
-import VisuallyHidden from '@atlaskit/visually-hidden';
-var emojiButton = null;
-var emojiRadio = null;
-var handleMouseDown = function handleMouseDown(props, event) {
-  var onSelected = props.onSelected;
-  event.preventDefault();
-  if (onSelected && leftClick(event)) {
-    onSelected();
-  }
-};
-var handleKeyPress = function handleKeyPress(props, event) {
-  if (TONESELECTOR_KEYBOARD_KEYS_SUPPORTED.includes(event.key)) {
-    var onSelected = props.onSelected;
-    event.preventDefault();
-    event.stopPropagation();
-    if (onSelected) {
-      onSelected();
-    }
-  }
-};
-export var EmojiRadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
-  var emoji = props.emoji,
-    selectOnHover = props.selectOnHover,
-    ariaLabelText = props.ariaLabelText,
-    defaultChecked = props.defaultChecked;
-  return /*#__PURE__*/React.createElement("label", {
-    onMouseDown: function onMouseDown(event) {
-      return handleMouseDown(props, event);
-    },
-    onKeyDown: function onKeyDown(event) {
-      return handleKeyPress(props, event);
-    },
-    className: ax(["_19itidpf _2rkosqtm _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc"]),
-    style: {
-      "--_1rebzxw": ix("0 0 0 2px ".concat("var(--ds-border-focused, ".concat(B100, ")")))
-    }
-  }, /*#__PURE__*/React.createElement(VisuallyHidden, null, ariaLabelText), /*#__PURE__*/React.createElement("input", {
-    ref: ref,
-    "data-testid": ariaLabelText,
-    type: "radio",
-    name: "skin-tone",
-    defaultChecked: defaultChecked,
-    className: ax(["_tzy4idpf _kqswstnw _154i14id _1ltv14id _3y8msqtm _157z1r31 _1dzmglyw _1sqm1o36 _fh6w1r2v _1i1213zc"]),
-    style: {
-      "--_1rebzxw": ix("0 0 0 2px ".concat("var(--ds-border-focused, ".concat(B100, ")")))
-    }
-  }), /*#__PURE__*/React.createElement(Emoji, {
-    emoji: emoji,
-    selectOnHover: selectOnHover,
-    shouldBeInteractive: false,
-    "aria-hidden": true
-  }));
-});
-export default /*#__PURE__*/memo(EmojiRadioButton);